@extends("front/layout.master")
@php
$user = Auth::user();
$sellerac = App\Store::where('user_id','=', $user->id)->first();
@endphp
@section('title',__('staticwords.MyBankAccounts').' | ')
@section("body")

<!-- content begin -->

<div class="no-bottom no-top">  

<div class="spacer-single"></div>
  <section id="section-hero " class="no-bottom myAccount section_mt" aria-label="section">
        <div class="container">


<div class="container-fluid">

  <div class="row">
    <div class="col-md-12 col-xl-3">

      @include('user.sidebar')

    </div>

    <div class="col-md-12 col-xl-9">

      <div class="bg-white2 bg-white2-one">
        <!-- <a data-toggle="modal" data-target="#addnewbank" title="Add new bank account"
          class=" float-right btn btn-golden">+ {{ __('staticwords.ADDNewbank') }}</a> -->
        <h5 class="user_m2">{{ __('staticwords.MyBankAccounts') }} ({{ auth()->user()->banks->count() }})</h5>

        <hr>



<!-- bank detail table -->
       <div class="container banksdetail">
        @foreach(Auth::user()->banks as $key=> $bank)
          <div class="row"> 
              <div class="col-12">
                  <p class="mb-2"><span class="text_bold">{{ $key+1 }}.</span></p>
                 <p class="mb-2"><span class="text_bold">{{ __('staticwords.A/C Holder Name') }}</span>: <span class="font-weight500 font-size-12 label label-md label-primary">{{ $bank->acname }}</p>
                 <p class="mb-2"><span class="text_bold">{{ __('staticwords.AccountNumber')}}</span>:<span>   {{ $bank->acno }}</span></p>
                 <p class="mb-2"><span class="text_bold">{{ __('staticwords.BankName') }}</span>:   <span>  {{ $bank->bankname }}</span></p>
                 <p class="mb-2"><span class="text_bold">{{ __('staticwords.IFSC / SWIFT Code')}}</span>:<span>  {{ $bank->ifsc }}</span></p> 
                  <div class="row">
                        <div class="col-4 col-md-2 ">
                          <button title="{{ __('staticwords.Edit') }}" data-toggle="modal" data-target="#editbank{{ $bank->id }}"
                            type="button" class="btn btn-sm btn-golden w-100 ">
                            <span>{{ __('staticwords.Edit') }}</span>
                            <!-- <i class="fa fa-pencil"></i> -->
                          </button>
                        </div>
                        <div class=" col-4 col-md-2">
                          <button @if(env('DEMO_LOCK')==0) data-toggle="modal" data-target="#deletebank{{ $bank->id }}"
                            title="{{ __('staticwords.Delete') }}" @else disabled="disabled" title="This action is disabled in demo !"
                            @endif class="btn btn-sm btn-outline-golden w-100">
                            <!-- <i class="fa fa-trash"></i> -->
                            <span>{{ __('staticwords.Delete') }}</span>
                          </button>
                        </div>
                  </div>     
              </div> 
              <hr class="artwork-separation hr-class w-25 hr-class mt-4 ms-0">
        </div>
          @endforeach
          <a data-toggle="modal" data-target="#addnewbank" title="{{ __('staticwords.ADDNewbank') }}"
        class=" btn btn-golden">{{ __('staticwords.ADDNewbank') }}</a>
        </div>    
        

    
<!-- <div style="overflow-x:auto">
        <table class="table table-hover table-hoverone table-bankdetail">
          <thead>
            <tr>
              <th>S.No.</th>
              <th>{{ __('staticwords.A/C Holder Name') }}</th>
              <th>{{ __('staticwords.BankName') }}</th>
              <th>{{ __('staticwords.IFSC / SWIFT Code')}}</th>
              <th>{{ __('staticwords.AccountNumber')}}.</th>
              <th>{{ __('staticwords.Action')}}</th>
            </tr>
          </thead>

          <tbody>
            @foreach(Auth::user()->banks as $key=> $bank)
            <tr>
              <td>
                {{ $key+1 }}
              </td>
              <td><span class="font-weight500 font-size-12 label label-md label-primary">{{ $bank->acname }}</span></td>
              <td>{{ $bank->bankname }}</td>
              <td>
                {{ $bank->ifsc }}
              </td>
              <td>
                {{ $bank->acno }}
              </td>
              <td>
                <div class="row">
                  <div class="col-6">
                    <button title="{{ __('Edit') }}" data-toggle="modal" data-target="#editbank{{ $bank->id }}"
                      type="button" class="btn btn-sm btn-golden ">
                      <i class="fa fa-pencil"></i>
                    </button>
                  </div>
                  <div class="margin-left-5 col-6">
                    <button @if(env('DEMO_LOCK')==0) data-toggle="modal" data-target="#deletebank{{ $bank->id }}"
                      title="{{ __('Delete') }}" @else disabled="disabled" title="This action is disabled in demo !"
                      @endif class="btn btn-sm btn-outline-golden ">
                      <i class="fa fa-trash"></i>
                    </button>
                  </div>
                </div>
              </td>
            </tr>


            @endforeach -->

            <!-- Modal -->


          </tbody>
        </table>
</div>
        <div align="center">

        </div>

      </div>
    </div>


  </div>

</div>

<!-- Modal for edit bank ac -->
@foreach(Auth::user()->banks as $key=> $bank)
<div data-backdrop="static" data-keyboard="false" id="editbank{{ $bank->id }}" class="z-index99 delete-modal modal fade"
  role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content cart_popup">
      <div class="modal-header">
        <button type="button" class="close btn_close" data-dismiss="modal">&times;</button>
        <!-- <h4 class="modal-heading">{{ $bank->bankname.' ('.$bank->acno.')' }}</h4>
       -->
       <br>
      </div>
      <div class="modal-body">

        <form name="updatebank_popup" id="{{$bank->id}}" action="{{ route('user.bank.update',$bank->id) }}" method="POST">
          @csrf
          <div class="form-group">
            <label>{{ __('staticwords.A/C Holder Name') }} <span class="required">*</span></label>
            <input value="{{ $bank->acname }}" required="" type="text" class="form-control" name="acname">
            <div class="required">{{$errors->first('acname')}}</div>
          </div>

          <div class="form-group">
            <label>{{ __('staticwords.BankName') }}: <span class="required">*</span></label>
            <input value="{{ $bank->bankname }}" required="" type="text" class="form-control" name="bankname">
            <div class="required">{{$errors->first('bankname')}}</div>
          </div>

          <div class="form-group">
            <label>{{ __('staticwords.AccountNumber')}}.: <span class="required">*</span></label>
            <input pattern="[0-9]+" value="{{ $bank->acno }}" required="" id="{{ $bank->id }}" type="text" class="edit_ac form-control" name="acno">
            <div class="required">{{$errors->first('acno')}}</div>
          </div>

          <div class="form-group">
            <label>{{ __('staticwords.IFSC / SWIFT Code')}}: <span class="required">*</span></label>
            <input value="{{ $bank->ifsc }}" required="" type="text" class="form-control" name="ifsc">
            <div class="required">{{$errors->first('ifsc')}}</div>
          </div>

      </div>
      <div class="modal-footer">
        <!-- <button type="button" class="btn btn-default" data-dismiss="modal">
          {{ __('Close') }}
        </button> -->
        <input @if(env('DEMO_LOCK')==0) type="submit" @else title="This action is disabled in demo !"
          disabled="disabled" @endif class="btn edit_form btn-golden" value="{{ __('staticwords.Save') }}">
         

        </form>
      </div>
    </div>
  </div>
</div>
@endforeach
<!--end-->

<!-- Modal for delete bank ac -->
@foreach(Auth::user()->banks as $key=> $bank)
<div id="deletebank{{ $bank->id }}" class="z-index99 delete-modal modal fade" role="dialog">
  <div class="modal-dialog modal-sm">
    <!-- Modal content-->
    <div class="modal-content cart_popup">
      <div class="modal-header">
        <button type="button" class="close btn_close" data-dismiss="modal">&times;</button>
        <div class="delete-icon"></div>
      </div>
      <div class="modal-body text-center">
        <h5 class="modal-heading">
        {{ __('staticwords.AreYouSure') }} ?
        </h5>
        <p> {{ __('staticwords.Do you really want to delete this bank account') }} <b>{{ $bank->bankname }}</b>?
        {{ __('staticwords.This process cannot be undone') }}.</p>
      </div>
      <div class="modal-footer">
        <form method="post" action="{{route('user.bank.delete',$bank->id)}}" >
          {{csrf_field()}}
          {{method_field("DELETE")}}
          <div class="col-12">
            <div class="row">              
              <div class="col-6">
              <button type="reset" class="btn btn-outline-golden mx-2" data-dismiss="modal">
              {{ __('staticwords.No') }}
                </button>
              </div>
              <div class="col-6">
              <button type="submit" class="btn btn-golden btn-mobile"> {{ __('staticwords.Yes') }}</button>
              </div>
                
                
          </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
@endforeach
<!--end-->

<!-- Modal for adding bank ac -->
<div data-backdrop="static" data-keyboard="false" class="z-index99 modal fade" id="addnewbank" tabindex="-1"
  role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog model-lg" role="document">
    <div class="modal-content cart_popup">
      <div class="modal-header">
        <button type="button" class="close btn_close" data-dismiss="modal" aria-label="Close"><span
            aria-hidden="true">&times;</span></button>
        <h5 class="modal-title" id="myModalLabel">
        {{ __('staticwords.ADDNewbank') }}
        </h5>
      </div>
      <div class="modal-body">
        <form id="mybank_popup" action="{{ route('user.bank.add') }}" method="POST">
          @csrf
          <div class="form-group">
            <label class="font-weight-bold">{{ __('staticwords.A/C Holder Name') }}: <span class="required">*</span></label>
            <input value="{{ old('acname') }}" required="" type="text" class="form-control" name="acname">
            <div class="required">{{$errors->first('acname')}}</div>
          </div>

          <div class="form-group">
            <label class="font-weight-bold">{{ __('staticwords.BankName') }}: <span class="required">*</span></label>
            <input value="{{ old('bankname') }}" required="" type="text" class="form-control" name="bankname">
            <div class="required">{{$errors->first('bankname')}}</div>
          </div>

          <div class="form-group">
            <label class="font-weight-bold">{{ __('staticwords.AccountNumber')}}.: <span class="required">*</span></label>
            <input pattern="[0-9]+" value="{{ old('acno') }}" required="" type="text" class="form-control" name="acno">
            <div class="required">{{$errors->first('acno')}}</div>
          </div>

          <div class="form-group">
            <label class="font-weight-bold">{{ __('staticwords.IFSC / SWIFT Code')}}: <span class="required">*</span></label>
            <input value="{{ old('ifsc') }}" required="" type="text" class="form-control" name="ifsc">
            <div class="required">{{$errors->first('ifsc')}}</div>
          </div>

      </div>
      <div class="modal-footer">
        <!-- <button type="button" class="btn btn-default" data-dismiss="modal">
          {{ __('Close') }}
        </button>-->
        <input type="submit" class="btn btn-golden btn-mobile" value="{{ __('staticwords.Save') }}">
          
        
        </form>
      </div>
    </div>
  </div>
</div>
</div>
</div>
@endsection
@section('script')
<script src="{{url('giga/js/jquery.magnific-popup.min.js')}}"></script>
<script src="{{url('giga/js/jquery.isotope.min.js')}}"></script>
<script>
  $(document).on('click','.edit_form',function(e) {
    var formid = $(this.form).attr('id');
    $("#"+formid).validate({
  errorClass: "invalid-error-login form-error",
        errorElement: 'span',
      rules: {

            acno: {
              required:true,
                digits: true,
                maxlength: 30,
                remote: {
            url: "checkaccount_no",
            type: "post",
            data: {
              _token: function() {
                return "{{csrf_token()}}"
              },
              form:"edit",
              bankid: function() {
                return formid
              },
              user_id:function() {
                return "{{Auth::user()->id}}"
              },
            }
          }
            },
            acname: {
              required:true,
              alphanumeric: true,
            },
            bankname: {
              required:true,
              alphanumeric: true,
            },
            ifsc: {
              required:true,
              maxlength: 30,
              alphanumeric: true,
            },

      },
      messages: {

        acno: {
          required:"{{ __('staticwords.PleaseEnterAccountNumber') }}",
              digits:"{{ __('staticwords.please enter only numeric characters')}}",
              remote:"{{ __('staticwords.accountnumberexists') }}",
              maxlength: "{{ __('staticwords.Account number cannot be more than 30 digits') }}"
            },
            acname: {
              required:"{{ __('staticwords.PleaseEnterAccountName') }}",
            },
            bankname: {
              required:"{{ __('staticwords.PleaseEnterBankName') }}",
            },
            ifsc: {
              required:"{{ __('staticwords.PleaseEnterIFSCCode') }}",
              maxlength: "{{ __('staticwords.IFSC code cannot be more than 30 letters') }}"
            },


      }
    });
  });
  jQuery.validator.addMethod("alphanumeric", function (value, element) {
                    return this.optional(element) || /^[a-z\d\-_\s]+$/i.test(value);
                }, "{{ __('staticwords.Please enter Letters, numbers, and underscores only') }}");
$("#mybank_popup").validate({
  errorClass: "invalid-error-login form-error",
        errorElement: 'span',
      rules: {

            acno: {
              required:true,
                digits: true,
                maxlength: 30,
                remote: {
            url: "checkaccount_no",
            type: "post",
            data: {
              _token: function() {
                return "{{csrf_token()}}"
              },
              user_id:function() {
                return "{{$user->id}}"
              },
            }
          }
            },
            acname: {
              required:true,
              alphanumeric: true,
            },
            bankname: {
              required:true,
              alphanumeric: true,
            },
            ifsc: {
              required:true,
              alphanumeric: true,
              maxlength: 30,
            },

      },
      messages: {

        acno: {
              required:"{{ __('staticwords.PleaseEnterAccountNumber') }}",
              digits:"{{ __('staticwords.please enter only numeric characters')}}",
              remote:"{{ __('staticwords.accountnumberexists') }}",
              maxlength: "{{ __('staticwords.Account number cannot be more than 30 digits') }}"
            },
            acname: {
              required:"{{ __('staticwords.PleaseEnterAccountName') }}",
            },
            bankname: {
              required:"{{ __('staticwords.PleaseEnterBankName') }}",
            },
            ifsc: {
              required:"{{ __('staticwords.PleaseEnterIFSCCode') }}",
              maxlength: "{{ __('staticwords.IFSC code cannot be more than 30 letters') }}"
            },


      }
    });
  
    
</script>
<!-- <script src="{{ url('js/profile.js') }}"></script> -->
<script src="{{ url('js/bank.js') }}"></script>
@endsection