@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>
			@php
			$debit=0.00;
			$credit=0.00;
			@endphp
			@foreach ($users[0]->wallet as $key=> $user)
			@if ($user->type==0)
			@php
			$credit=$credit+$user->amount;
			@endphp
			@else
			@php
			$debit=$debit+$user->amount;
			@endphp
			@endif


			@endforeach
           
                <form method="POST" action="/dmr/transferAmount">   
					@csrf
                    <label for="" class="text-success"> <i class="fa fa-inr"></i> (Amount Should
                                            Be Less Than Total
                                            Balance Which Is {{round($credit-$debit)}}</label><br>
                    <input type="hidden" name="v_user_id" value="{{ Auth::user()->id }}">
                    <input type="hidden" name="contact" value="{{ Auth::user()->contact }}">
                    <input type="hidden" name="mem_id" value="{{ Auth::user()->loginId }}">  
                    <input name="order_id" value="{{"PR".time()}}" id="order_id" type="hidden">               
                    <table class="table table-bordered" style="background: #fff;">
                        <thead>
                            <tr>                               
                                
                                <th>Beneficiary Bank</th>
                                <th>Beneficiary Acc No.</th>
                                <th id="ifscth">IFSC</th>
								<th>Amount</th>
								<th>TPIN</th>                       
                            </tr>
                        </thead>
                        <tbody>
                            <tr>                                
                                                              
                                <td style="width: 25%;">                                    
                                    <select onchange="$('#BANKIFSC_CODE').val($(this).val())" name="bank" id="bank" required
                                        class="form-control select2">
                                        <option value="">Select Bank</option>
                                        @foreach ($banks as $bank)
                                        <option value="{{$bank->ifsc}}">{{$bank->bank_name}}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td style="width: 20%;">                                   
                                    <input name="beneficiaryAccount" required id="beneficiaryAccount" class="form-control">
                                </td>
                                <td id="ifsctd" style="width: 15%;">                                    
                                    <input name="beneficiaryIFSC" id="BANKIFSC_CODE" class="form-control">
                                </td>
								<td style="width: 15%;">                                    
                                   <input onkeyup="dmrpayOutCount(this)" data-id="{{Auth::user()->id}}" type="number" required name="amount" value="" {{$credit-$debit<=0?"readonly":""}} placeholder="Enter Amount" placeholder="Enter Amount" class="form-control" id="amountDMR">
                                </td>
								<td id="ifsctd" style="width: 15%;">                                    
                                    <input name="tpin" id="tpin" class="form-control" type="password" required>
                                </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> -->
                                  <a class="btn btn-success btn-xs" href="javascript:void(0)" id="payoutSub" style="color: #fff;">Submit</a>
								  <a class="btn btn-warning btn-xs" href="javascript:void(0)" id="verifyAccount">Account Verify</a>
                                </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>Beneficiary Acc No.</th>
                                <th id="ifscth">IFSC</th>
								<th>Name</th>                      
                            </tr>
                        </thead>
                        <tbody>
							@foreach ($accounts as $account)
                            <tr>                              
                                <td style="width: 25%;">                                    
                                    {{$account->account_no}}
                                </td>
                                <td style="width: 20%;">                                   
                                    {{$account->ifsc}}
                                </td>
                                <td id="ifsctd" style="width: 15%;">                                    
                                    {{$account->name}}
                                </td>
                                
                            </tr>
							@endforeach

                        </tbody>
                    </table>
				</div>
				</div>
				
				<div id="myModal" class="modal fade" role="dialog">
				  <div class="modal-dialog">

					<!-- Modal content-->
					<div class="modal-content">
					  <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title text-center">
						  <img src="{{asset('images/logo.png')}}" width="150" alt="">
						</h4>
					  </div>
					  <div id="otpBox">
					  <div class="modal-body">
						<input type="number" name="otp" id="otp" class="form-control" placeholder="Enter OTP">
					  </div>
					  <div class="modal-footer">
						<button type="button" class="btn btn-danger text-left" id="resendOtp">Resend OTP</button>
						<button type="button" class="btn btn-primary" id="verifyOtp">Verify</button>
					  </div>
					  </div>
					</div>

				  </div>
				</div>
				<p id="msg"></p>
 
 				<div id="accountVerModel" class="modal fade" role="dialog"  data-keyboard="false" data-backdrop="static">
				  <div class="modal-dialog ">

					<!-- Modal content-->
					<div class="modal-content">
					  <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title text-center">
						  Account Verification
						</h4>
					  </div>
					  <div id="otpBox">
					  <div class="modal-body">
						  <div class="form-group row justify-content-center">
							<label for="staticEmail" class="col-sm-2 col-form-label">Bank IFSC:</label>
							<div class="col-sm-8">
							  <span class="form-control"  id="acVeri_ifsc"></span>
							</div>
						  </div>
						  <div class="form-group row justify-content-center">
							<label for="staticEmail" class="col-sm-2 col-form-label">Account:</label>
							<div class="col-sm-8">
							  <span class="form-control"  id="acVeri_ac"></span>
							</div>
						  </div>
						  <div class="form-group row justify-content-center">
							<label for="staticEmail" class="col-sm-2 col-form-label">Name:</label>
							<div class="col-sm-8">
							   <input type="text"  class="form-control" id="acVeri_name" placeholder="Enter Name" />
							</div>
						  </div>
					  </div>
					  <div class="modal-footer justify-content-between">
						<div id="acVerMessage" style="display: none;width: 100%;text-align: center;"></div>
						<button type="button" class="btn btn-primary mr-auto" id="verifyAccountNow">Verify Now</button>
					  </div>
					  </div>
					</div>

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

<script>

  
  window.dmrpayOutCount = function (e) {
  var amount = $(e).val();
  var id = $(e).data("id");
  $.ajax({
    type: "POST",
    url: "/dmr/Calculate",
    data: {
      amount: amount,
      id: id
    },
    headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
    success: function success(response) {
      if (response != undefined) {
        $('#message').html("<span class='text-danger'><b>Surcharge ".concat(response.surcharge, "</b>, <b>Total Amount Deducted ").concat(response.amount, "</b>, <b>Remaining Amount: ").concat(response.remaining, "</b></span>"));

        if (response.remaining < 0) {
          alert('Your wallet amount should be remain greater or equal to zero');
          $('#payoutSub').attr('disabled', true);
          $("#amountDMR").val('');
          return false;
        } else {
          //$('button:submit').attr('disabled', false);
          //$('select[name=payment_type]').attr('disabled', false);
        }
      }
    }
  });
};
  
	$("#bank").change(function(event){
    // alert('hhkj');
		if($(this).val()!=''){
			if($(this).val()=='ICIC0006111'){
				$("#BANKIFSC_CODE").hide();
				$("#ifsctd").hide();
				$("#ifscth").hide();
			}
			else
			{
				$("#BANKIFSC_CODE").show();
				$("#ifsctd").show();
				$("#ifscth").show();
			}
		}
		else
		{
			$("#BANKIFSC_CODE").show();
			$("#ifsctd").show();
			$("#ifscth").show();
		}
		// return false;
	});
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        // Get value on button click and show alert

        $("#verifyAccount").click(function(){
			let payoutIFSCCODE = $("#BANKIFSC_CODE").val(); 
			let bank = $("#bank").find('option:selected').val();
			let beneficiaryAccount = $("#beneficiaryAccount").val();
			if( payoutIFSCCODE == "" || beneficiaryAccount == "" || bank == "" ){
				alert("All fields are required!");
				return false;
			}
            var memberId = '