@extends('coaching.layout.master')
@section('content')

<div class="app-content  my-3 my-md-5">
        <div class="side-app">
          <div class="page-header">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{route('coaching.payout.list')}}">Payout Management></a></li>
              <li class="breadcrumb-item active" aria-current="page">Bank Details</li>
            </ol>
          </div>
          <!-- MAIN BODY CONTENT -->
            <h1>Payout</h1>

            <!-- Table -->
            <div class="card">
              <div class="steps-wrap">
                <div class="card-header pt-5 center-header">
                  <h2>Bank Account Detail</h2>
                  <div class="filter-group">
                    <a href="{{route('coaching.payout.bank.add')}}"><button type="button" class="btn btn-primary add-btn add-btn-sm"><i class="fa fa-plus-circle"></i>Add Bank</button></a>
                  </div>
                </div>
                <div class="card-body">
                  <div class="payment-box-group">
                    @if($bankAccounts)
                      @foreach($bankAccounts as $banks)
                        <div class="payment-box-item main_payment_box @if($banks->set_primary == 1) {{ 'active' }} @endif">
                          <div class="item-action dropdown">
                            <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical text-dark fs-20"></i></a>
                            <div class="dropdown-menu dropdown-menu-right">
                              <a href="javascript:void(0)" class="dropdown-item view_bank_details" data-id="{{base64_encode($banks->id)}}">View Details</a>
                              <a href="javascript:void(0)" class="dropdown-item delete_bank" data-id="{{base64_encode($banks->id)}}">Delete</a>
                            </div>
                          </div>
                          <div class="payment-logo">
                            <svg xmlns="http://www.w3.org/2000/svg" width="98" height="98" viewBox="0 0 98 98">
                              <g transform="translate(-577 -444)">
                                <g transform="translate(577 444)" fill="#fff" stroke="#fe6762" stroke-width="2">
                                  <circle cx="49" cy="49" r="49" stroke="none" />
                                  <circle cx="49" cy="49" r="48" fill="none" />
                                </g>
                                <g transform="translate(602 469.989)">
                                  <path d="M44.845,42.718H2.136a2.136,2.136,0,1,0,0,4.272H44.844a2.136,2.136,0,0,0,0-4.272Z" fill="#fe6762"/>
                                  <path d="M4.8,37.165a2.137,2.137,0,0,0,0,4.273h37.37a2.137,2.137,0,0,0,0-4.273h-.533V17.945h.533a1.067,1.067,0,1,0,0-2.134H4.8a1.067,1.067,0,1,0,0,2.134h.534V37.164H4.8ZM37.37,17.945V37.164H30.964V17.945Zm-10.678,0V37.164H20.286V17.945Zm-17.083,0h6.406V37.164H9.609Z" fill="#fe6762"/>
                                  <path d="M2.136,13.891H44.865a2.136,2.136,0,0,0,.693-4.157L24.368.2a2.14,2.14,0,0,0-1.752,0L1.26,9.808a2.135,2.135,0,0,0,.876,4.083Z" fill="#fe6762"/>
                                </g>
                              </g>
                            </svg>
                          </div>
                          <h3 class="payment-label">@if(isset($banks->bankNames)){{$banks->bankNames->bank_name}}@endif</h3>
                                                    <h3 class="payment-price">{{$new}} | INR</h3>
                          <button class="btn btn-primary font-book fs-14 set_primary @if(isset($banks->set_primary)) {{ 'primary' }} @endif" data-id="{{base64_encode($banks->id)}}">Set as Primary
                            @if($banks->set_primary == 1)
                            <svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63">                            
                              <g transform="translate(-644 -198)">
                                <rect width="63" height="63" transform="translate(644 198)" fill="rgba(0,0,0,0)"/>
                                <path d="M26.5,53A26.5,26.5,0,1,1,53,26.5,26.53,26.53,0,0,1,26.5,53ZM11.672,23.844A2.641,2.641,0,0,0,9.8,28.356l9.514,9.514a2.636,2.636,0,0,0,1.877.775,2.57,2.57,0,0,0,1.858-.775L43.169,17.754a2.642,2.642,0,1,0-3.737-3.735L21.2,32.25,13.54,24.618A2.624,2.624,0,0,0,11.672,23.844Z" transform="translate(650 204)" fill=""/>
                              </g>
                            </svg>
                            @else
                            <svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63">
                              <g transform="translate(-644 -198)">
                                <rect width="63" height="63" transform="translate(644 198)" fill="rgba(0,0,0,0)"></rect>
                                <path d="M26.5,53A26.5,26.5,0,1,1,53,26.5,26.53,26.53,0,0,1,26.5,53ZM11.672,23.844A2.641,2.641,0,0,0,9.8,28.356l9.514,9.514a2.636,2.636,0,0,0,1.877.775,2.57,2.57,0,0,0,1.858-.775L43.169,17.754a2.642,2.642,0,1,0-3.737-3.735L21.2,32.25,13.54,24.618A2.624,2.624,0,0,0,11.672,23.844Z" transform="translate(650 204)" fill=""></path>
                              </g>
                            </svg>
                            @endif
                          </button>
                        </div>
                      @endforeach
                    @endif
                    
                  </div>
                  <div class="test-footer">
                    <a href="{{route('coaching.payout.list')}}"><button type="button" class="btn btn-outline-primary btn-pill btn-streach font-book ml-3 mt-6 fs-14">Back</button></a>
                  </div>
                </div>
              </div>
            </div>
            <!-- //Table -->
            <!--// MAIN BODY CONTENT -->
        </div>
      </div>
@endsection
@section('scripts')
<script type="text/javascript">
  var bank_listing = "{{route('coaching.payout.bank.list')}}";
</script>
<script type="text/javascript">
  $(document).ready(function() {
    
  })
</script>
<script type="text/javascript" src="{{asset('js/coaching/payout.js')}}"></script>
@endsection