@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"><a href="{{route('coaching.payout.bank.list')}}">Bank Details</a></li>
              <li class="breadcrumb-item active" aria-current="page">Add Bank Account</li>
						</ol>
					</div>
          <!-- MAIN BODY CONTENT -->
            <h1>Payout</h1>

            <!-- Table -->
            <div class="card">
              <div class="steps-wrap">
                <div class="card-body">
                  <h2>Add Bank Account Details</h2>
                  <form id="bank_add_frm">
                    <div class="row">
                      <div class="form-group col-lg-12">
                        <label for="testTemplage" class="form-label">Beneficiary Name/Company Name<span class="text-danger">*</span></label>
                        <input type="text" class="form-control form_input" name="beneficiary_name" placeholder="Enter Your Beneficiary/Company Name"/>
                      </div>                      
                    </div>
                    <div class="row">
                      <div class="form-group col-lg-6">
                        <label for="totalMarks" class="form-label">Select Bank <span clasjs-ExamTypes="text-danger">*</span></label>
                        <select name="bank" id="" class="form-control form_input">
                            <option value="">Select Bank</option>
                          @if($banks)
                            @foreach($banks as $bank)
                                <option value="{{$bank->id}}">{{$bank->bank_name}}</option>
                            @endforeach
                          @endif
                        </select>
                      </div>

                      <div class="form-group col-lg-6">
                        <label for="testTemplage" class="form-label">IFSC Code<span class="text-danger">*</span></label>
                        <input type="text" class="form-control form_input" name="ifsc_code" id="ifsc_code"/>
                      </div>
                    </div>
                    <div class="row">
                      <div class="form-group col-lg-6">
                        <label for="testTemplage" class="form-label">Bank Account No.<span class="text-danger">*</span></label>
                        <div class="input-prefix">
                          <input type="text" class="form-control form_input" name="bank_account_no" id="bank_account_no"/>
                          <span class="verify after" style="display: none;">
                            <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>
                            <a href="javascript:void(0)" class="text-warning text-underline">Verify</a>
                          </span>
                        </div>
                      </div>
                      
                      <div class="form-group col-lg-6">
                        <label for="testTemplage" class="form-label">Retype Bank Account No.<span class="text-danger">*</span></label>                  <div class="input-prefix">
                          <input type="text" class="form-control form_input" name="retype_bank_account_no" id="retype_bank_account_no"/>
                          <span class="verify after" style="display: none;">
                            <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>
                            <a href="javascript:void(0)" class="text-warning text-underline">Verify</a>
                          </span>
                        </div>
                      </div>
                    </div>

                    <label class="custom-control custom-checkbox">
                      <input type="checkbox" class="custom-control-input" name="terms" value="1"/>
                      <span class="custom-control-label">Please check terms and conditions</span>
                    </label>

                    <input type="hidden" name="coaching_id" value="0">
                    <div class="test-footer">
                      <button type="button" class="btn btn-primary btn-streach font-book mt-6 fs-14 bank_add">Add Bank</button>
                      <a href="{{route('coaching.payout.bank.list')}}"><button type="button" class="btn btn-outline-primary btn-pill btn-streach font-book ml-3 mt-6 fs-14">Cancel</button></a>
                    </div>
                  </form>
                </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" src="{{asset('js/coaching/payout.js?v='.time())}}"></script>
@endsection