@extends('layouts.app1')

@section('content')
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!-- page content -->
<div class="right_col" role="main">
	@include('flashmessage')
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Express Payout</h3>
              </div>

              
            </div>
            
            <div class="clearfix"></div>

            <div class="panel-body">
            
            </div>


                <form method="POST" action="/balance-request/submit">   
					@csrf
              
                    <table class="table table-bordered" style="background: #fff;">
                        <thead>
                            <tr>                               
                                
                                <th>Beneficiary Bank</th>
                                <th>Beneficiary Acc No.</th>
                                <th>Cheque/Ref No</th>
                                <th>Payment Date</th>
								<th>Amount</th>                    
                            </tr>
                        </thead>
                        <tbody>
                            <tr>                                
                                                              
                                <td style="width: 25%;">                                    
                                    <select name="bank" id="bank" required class="form-control select2">
                                        <option value="">Select Bank</option>
                                        @foreach ($accounts as $bank)
                                        <option value="{{$bank->account_number}}-{{$bank->bank_name}}">{{$bank->bank_name}} ({{$bank->account_number}})</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td style="width: 20%;">                                   
                                    <select name="type" required class="form-control select2">
                                        <option value="">Transafer Type</option>
										<option value="NEFT">NEFT</option>
										<option value="IMPS">IMPS</option>
										<option value="RTGS">RTGS</option>
										<option value="UPI">UPI</option>
										<option value="CASH">Cash Diposit</option>
                                    </select>
                                </td>
                                <td id="ifsctd" style="width: 20%;">                                    
                                    <input name="ref_no" class="form-control">
                                </td>
								<td style="width: 15%;">                                    
                                   <input type="date" required name="date" value="" placeholder="Payment Date" class="form-control" />
                                </td>
								<td style="width: 15%;">                                    
                                   <input type="number" required name="amount" value="" placeholder="Enter Amount" class="form-control" />
                                </td>
                                
                            </tr>
                            <tr>							
                                <td colspan="5" style="text-align: center;" id="btnBlock">
                                 <!--  <button class="btn btn-success btn-xs" id="submit" type="submit" onclick="this.disabled=true;this.value='Sending, please wait...';this.form.submit();" style="display: none;">Send</button> -->
                                  <button class="btn btn-success btn-xs" type="submit" style="color: #fff;">Submit</button>
                                </td>
                            </tr>
							<tr>
                                <td id="message" colspan="5">

                                </td>
                            </tr>
                        </tbody>
                    </table> 
                </form>

                <!-- Modal -->
                <div class="x_panel">
                <div class="x_title">
				<table class="table table-bordered" id="example" style="background: #fff;">
                        <thead>
                            <tr>                   
                                <th>Acc No.</th>
                                <th id="ifscth">IFSC</th>
								<th>Bank Name</th>                      
								<th>Name</th>                      
                            </tr>
                        </thead>
                        <tbody>
							@foreach ($accounts as $account)
                            <tr>                         
                                <td style="width: 25%;">                                    
                                    {{$account->account_number}}
                                </td>
                                <td style="width: 20%;">                                   
                                    {{$account->ifsc_code}}
                                </td>
                                <td id="ifsctd" style="width: 15%;">                                    
                                    {{$account->bank_name}}
                                </td>
                                <td id="ifsctd" style="width: 15%;">                                    
                                    {{$account->name}}
                                </td>
                                
                            </tr>
							@endforeach

                        </tbody>
                    </table>
				</div>
				</div>
				
                </div>
              </div>
            </div>
			
			
          </div>
        </div>
        <!-- /page content -->

<script>
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
</script>

@endsection

@section('footerscript')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
    $('.select2').select2();
});
</script>
@endsection