@extends('backend.layouts.app')

@section('title', 'Fund Request')
@section('page-title', 'Fund Request')
@section('page-breadcrumb', 'Fund Request')


@section('content')

<div class="content mt-3">

<div class="animated fadeIn">


                <div class="row">
                    <div class="col-lg-12">

                    <div class="card">
<h5 class="card-header">
    <strong><i class="fa fa-user-plus fa-lg"></i> Add Fund Request</strong>
    <a href="FundRequestList" class="btn-sm btn-warning btn-rounded float-right">
        <i class="fa fa-list fa-lg"></i> Requested Fund List
    </a>
</h5>
<!--Card content-->


 <form class="card" action="{{route('save_FundRequest')}}" method="POST" enctype="multipart/form-data" >
   @csrf

    <div class="card-body">
        <!-- Form -->

        <div class="card-body ">
            
            
      @if(Auth::user()->user_type>2)     
    <div class="form-group row">
        <label class="col-sm-2 col-form-label" for="UserDetails_LastName">User ID</label>
        <div class="col-md-4">
          <select  class="form-control select chosen" required="" style="width:100%" id="user_id" name="user_id"  tabindex="-1" aria-hidden="true">

          </select>

        </div>
    </div>
 @endif


          <div class="form-group row">
            <label class=" col-sm-2 col-form-label" for="SelectedCompanyBank">Sending Bank<span class="text-danger"> *</span></label>
            <div class="col-md-4">
                <select class="form-control " onchange="set_value(this.value)" autofocus="" required="" name="SelectedCompanyBank">
                    <option value="">Select Bank</option>
                    @foreach($bank_list as $bank)
                    <option value="{{$bank->id}}+{{$bank->bank_name}}">{{$bank->bank_name}} - {{$bank->account_number}}</option>
                    @endforeach
                    <option value="0+cash">Cash Deposit</option>

                  </select>
                  <input type="hidden" name="bank_id" id="bank_id" value="">
            </div>



          </div>

          <div class="form-group row">
            <label class=" col-sm-2 col-form-label" for="SelectedCompanyBank">Recieving Bank<span class="text-danger"> *</span></label>
              <div class="col-md-4">
                  <select class="form-control " required="" name="RecievingBank">
                      <option value="AMAY{{Auth::user()->mobile}}">AMAY{{Auth::user()->mobile}}&nbsp;&nbsp;IFSC-ICIC0000104</option>
                      <option value="GooglePay">GooglePay-8709359870</option>
                      <option data-tokens="PhonePay" value="PhonePay">PhonePay-8709359870</option>
                      <option data-tokens="Paytym" value="Paytym">Paytym-8709359870</option>
                      <option value="AXIS BANK-918020105736765-UTIB0002848">AXIS BANK{C}-AMAYSHA INFOTECH-918020105736765-UTIB0002848</option>
                     <option value="KOTAK BANK-8709359870-KKBK0005656">KOTAK BANK{C}-AMAYSHA INFOTECH-8709359870-KKBK0005656</option>
                    <option value="ICICI BANK-40405501376-ICIC000004">ICICI BANK{C}-THE CONCEPT-40405501376-ICIC000004</option>
                       <option value="OTHER BANK">OTHER BANK</option>
            
                      <option data-tokens="Person" value="Person">Person</option>

                    </select>

              </div>
                <label class="col col-md-2  col-form-label" for="DepositDate">Deposit Date<span class="text-danger"> *</span></label>
                <div class="col-md-4">
                    <input readonly  type="text" id="deposit_date" placeholder="Enter Deposit Date" class="form-control Date" formate="yyym/mm/dd" required="" data-val="true" data-val-required="The DepositDate field is required." name="deposit_date" value="">
                    <span class="text-danger field-validation-valid" data-valmsg-for="DepositDate" data-valmsg-replace="true"></span>
                </div>
            </div>


            <div class="form-group row">
                <label class="col col-md-2  col-form-label" for="PaymentMode">Payment Mode<span class="text-danger"> *</span></label>
                <div class="col-md-4">
                    <select class="form-control selectpicker" data-live-search="true" required="" data-val="true" data-val-required="The PaymentMode field is required." id="PaymentMode" name="payment_mode">
                        <option value="">Select Mode</option>
                        <option data-tokens="Cash" value="Cash">Cash</option>
                        <option data-tokens="NEFT" value="NEFT">NEFT</option>
                        <option data-tokens="IMPF" value="IMPS">IMPS</option>
                        <option data-tokens="IMPF" value="RTGS">RTGS</option>
                        <option data-tokens="Demand Draft" value="Demand Draft">Demand Draft</option>
                        <option data-tokens="GooglePay" value="GooglePay">GooglePay</option>
                        <option data-tokens="PhonePay" value="PhonePay">PhonePay</option>
                        <option data-tokens="Paytym" value="Paytym">Paytym</option>
                    </select>
                    <span class="text-danger field-validation-valid" data-valmsg-for="PaymentMode" data-valmsg-replace="true"></span>
                </div>

                <label class=" col-sm-2 col-form-label" for="SelectedBank">Bank</label>
                <div class="col-md-4">

                    <input type="text" id="bank" placeholder="Bank" class="form-control" required="" name="bank" value="">

                    <span class="text-danger field-validation-valid" data-valmsg-for="SelectedBank" data-valmsg-replace="true"></span>
                </div>
            </div>

            <div class="form-group row">
                <label class=" col-sm-2 col-form-label" for="Amount">Amount<span class="text-danger"> *</span></label>
                <div class="col-md-4">
                    <input type="number" id="Amount" placeholder="Enter Amount" class="form-control" maxlength="8" required=""  name="amount" value="">
                    <span class="text-danger field-validation-valid" data-valmsg-for="Amount" data-valmsg-replace="true"></span>
                </div>

                <label class="col col-md-2  col-form-label" for="Remark">Remark/Person/source</label>
                <div class="col-md-4">
                    <input type="text" id="IfscCode" placeholder="Remark/Person" class="form-control" name="remark" value="">
                    <span class="text-danger field-validation-valid" data-valmsg-for="Remark" data-valmsg-replace="true"></span>
                </div>
            </div>


            <div class="form-group row">
                <label class="col col-md-2  col-form-label" for="ReceiptNo">Receipt/UTR/CHQ No<span class="text-danger"> *</span></label>
                <div class="col-md-4">
                    <input type="text" id="IfscCode" placeholder="Enter Receipt/UTR/CHQ No" class="form-control" required="" name="receipt_no" value="">
                    
                </div>

                <label class=" col-sm-2 col-form-label" for="IReceiptImage">Receipt Image</label>
                <div class="custom-file col-md-4">
                    <input class="" type="file" id="receipt_img" name="receipt_img">
                   
                </div>
            </div>
        </div>
    </div>
    <div class="card-footer">
        <button type="submit" class="btn btn-primary btn-sm waves-effect waves-light">
            Submit <i class="fa fa-arrow-circle-right fa-lg"></i>
        </button>
        <button type="button" onclick="history.back();" class="btn btn-danger btn-sm waves-effect waves-light">
            Back <i class="fa fa-arrow-circle-left fa-lg"></i>
        </button>
    </div>





</form>
<!-- Form -->

</div>



    <!-- ============================================================== -->

</div>



</div>
</div>
</div>

@endsection

@section('self_script')
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.min.css">
<script type="text/javascript">     $(".chosen").chosen(); </script>



<script>
$( function() {
$( "#deposit_date" ).datepicker({
  changeMonth: true,
  changeYear: true,
  dateFormat:"yy-mm-dd",});
} );

function set_value(sending_to)
{
  var res = sending_to.split("+");
  document.getElementById('bank').value=res[1];
  document.getElementById('bank_id').value=res[0];
}




  var xmlhttp = new XMLHttpRequest();
   xmlhttp.onreadystatechange = function() {
       if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
         document.getElementById('user_id').innerHTML=xmlhttp.responseText;
         
          update_chosen('user_id');
          
       }
   }
   xmlhttp.open("GET", "UserLevelCommissionUser?parent_id=27&user_type=0", true);
   xmlhttp.send();




</script>
@endsection