@extends('layouts.app1')

@section('content')
<link href="{{asset('plugins/uniform/css/uniform.default.min.css')}}" rel="stylesheet" />
<!-- page content -->
<div class="right_col" role="main">
	@include('flashmessage')
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Aadhaar Pay</h3>
              </div>

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

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

           
            <form method="POST" id="aadharForm" class="" action="/aadhaarPay/postSearchCustomer" style="background: #fff;padding: 25px;">
                @csrf
                <div class="col-md-12">
                <div class="panel panel-white">



                    <div class="panel-body">

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group required">
                                    <label class="control-label">Select device </label>

                                </div>
                            </div>

                            <div class="col-md-12" style="padding: 20px; border: 1px solid #ededed;">
                                <input type="radio" name="device_type" id="device_type_1" value="MANTRA_PROTOBUF"
                                    checked>
                                <label class="form-check-label" for="device_type_1">
                                    Mantra
                                </label>
                                <input type="radio" name="device_type" id="device_type_2" value="MORPHO_PROTOBUF">
                                <label class="form-check-label" for="device_type_2">
                                    Morpho
                                </label>
								<input type="radio" name="device_type" id="device_type_3" value="TATVIK_PROTOBUF">
                                <label class="form-check-label" for="device_type_3">
                                    Tatvik
                                </label>
								<input type="radio" name="device_type" id="device_type_4" value="STARTEK_PROTOBUF">
                                <label class="form-check-label" for="device_type_4">
                                    Startek
                                </label>	

                            </div>

                        </div>


                        <div class="row mt-4">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="control-label">Personal Details </label>

                                </div>
                            </div>
                            <div style="padding: 20px; border: 1px solid #ededed;">
								<!--<div class="col-md-2">
									<div class="form-group">
										<label class="control-label">Name </label>

										<input type="text" class="form-control" value="" id='name' name="name">

									</div>
								</div>
								<div class="col-md-2">
									<div class="form-group">
										<label class="control-label">Mobile </label>

										<input type="text" class="form-control" maxlength="10" minlength="10" value=""
											id='contact' name="contact">
									</div>
								</div>-->
								@php
								$user= App\User::find(Auth::user()->id);
								@endphp
								<input type="hidden" name="name" value="{{$user->name}}">
								<input type="hidden" name="contact" value="9999999999">
								<input type="hidden" name="order_id" value="{{'IMS' . round(microtime(true) * 1000)}}">
								<div class="col-md-4">
									<div class="form-group">
										<label class="control-label">Aadhaar </label>

										<input type="text" class="form-control" value="" minlength="12" maxlength="12"
											id='aadhar' name="aadhar">
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group">
										<label class="control-label">Amount </label>

										<input type="text" class="form-control" value="" id='amount' name="amount">
									</div>
								</div>
                            
								<div class="col-md-2">
									<div class="form-group">
										<img src="{{ asset('images/yesbank.png') }}" style="width: 130px; margin-top: 25px;">
									</div>
								</div>
                            </div>

                        </div>
                    </div>
                    <input type="hidden" name="pidData" value="">




                    <div class="panel-body mt-4">
                        <div class="panel-heading clearfix">
                            Select bank
                        </div>

                        <div class="row mt-3 mb-3" style="padding: 20px; border: 1px solid #ededed;">
                            <div class="col-md-12">
                                <input type="radio" name="radio_IIN" id="b1" checked value="607094" onclick="showBankList()">
                                <label class="form-check-label" for="b1">
                                    SBI
                                </label>

                                <input type="radio" name="radio_IIN" id="b2" value="607027" onclick="showBankList()">
                                <label class="form-check-label" for="b2">
                                    Punjab national bank
                                </label>

                                <input type="radio" name="radio_IIN" id="b3" value="508505" onclick="showBankList()">
                                <label class="form-check-label" for="b3">
                                    Bank of India
                                </label>

                                <input type="radio" name="radio_IIN" id="b4" value="606985" onclick="showBankList()">
                                <label class="form-check-label" for="b4">
                                    Bank of Baroda
                                </label>

                                <input type="radio" name="radio_IIN" id="b5" value="607264" onclick="showBankList()">
                                <label class="form-check-label" for="b5">
                                    Central bank of India
                                </label>

                                <input type="radio" name="radio_IIN" id="other" onclick="showBank()">
                                <label class="form-check-label" for="other">
                                    Other
                                </label>



                            </div>
                        </div>

                        <div class="row none" id="select_other_bank">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <select name="IIN" id="other_banks" class="form-control select2">
                                        <option hidden value="">Choose...</option>
                                        @foreach($aadharpaybanks as $banks)
                                        <option value="{{$banks->iin}}">{{$banks->name}}</option>
                                        @endforeach

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

                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">
                                <input type="checkbox" checked="checked" disabled> I Agree & 
                                <a href="#" data-toggle="modal" data-target="#exampleModal" style="color: blue;">Terms & Condition</a>
                            </div>
                        </div>
                    </div>
                    <div style="margin: 20px;"></div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">
                                <button id="scanaadhar" data-type="aadhar"  class="btn btn-xs btn-info" type="button">Scan & Submit</button>
                                <!--<button class="btn btn-xs btn-success" type="submit">Submit</button>-->
                            </div>
                        </div>
                    </div>

                </div>
            </div>
                </form>
                         
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /page content -->
<!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel"></h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <ol>
                <li>
                    I, the Customer hereby authorizes the Bank store my AADHAR number and to fetch, authenticate and store all such necessary details retrieved or to be retrieved from UIDAI through AADHAR Number and IRIS/biometric authentication for the purpose of this transaction. In case of any discrepancies, the Bank reserves the sole right to block my account/ relation and transaction without any further notice or intimation. 
                </li>
                <li>
                    Customer hereby states and undertake that it has no objection, if the information disclosed to the Bank is authenticated vide Aadhaar based system. Customer hereby voluntarily agree and confirm to provide or disclose (as required under the Aadhaar Act 2016 and Regulations framed there under) my identification information (Aadhaar number, biometric information & demographic information) for Aadhaar based authentication system and/or such similar authentication mechanism as provided or stipulated by the Government, from time to time, for the purpose of availing banking services, including operations of account or any other facility relating to banking operations. 
                </li>
                <li>
                    The Customer hereby agree and confirm that the Bank will not be obliged to process any request made by me, if:<br>
                    a. Aadhaar number provided by me is incorrect
                    b. Details in account does not match with details available with UIDAI
                </li>
                <li>
                    The Customer hereby agree and confirm that the Aadhaar details may be updated for all my banking services, including but not limited to the operation of bank account, for the purposes of authentication.
                </li>
                <li>
                    The Customer hereby agree and confirm that the Aadhaar details may be updated for all my banking services, including but not limited to the operation of bank account, for the purposes of authentication.The Customer hereby agree and confirm that my account may be used for receiving any government payments across schemes that the Customer is eligible and/ or any other payment using the Aadhaar based information. The Customer hereby acknowledge and agree that NPCI may map the Customerâ  s account in the Aadhaar Mapper of NPCI. 
                </li>
                <li>
                    The Customer hereby confirms that the Aadhaar detail provided by the Customer is true, correct and complete in all aspect. 
                </li>
                <li>
                    The Customer hereby acknowledges that the Bank will not have any liability or responsibility, if the details provided by the Customer is or subsequently becomes false, incorrect or incomplete, either in part or as a whole. 
                </li>
                <li>
                    Before agreeing to the above-mentioned terms and conditions, the Customer have been explained (in a language know to the Customer) about the nature of information that may be shared upon authentication and have understood the nature and implication of the same, as stipulated under the applicable law. The Customer declares that all the information has been voluntarily furnished by them to the Bank, without any duress or coercion. 
                </li>
                <li>
                    The Customer hereby gives consent to use/exchange or share their Aadhaar number, Aadhaar information for registration of client information with Exchange, KRA, CERSAI and with any other regulatory or statutory authorities or as the Bank deems fit or as per requirements of law. 
                </li>
                <li>
                    The Customer hereby understands and agrees that all identity information provided by the Customer will only be used for on boarding me for the purpose of the transaction. 
                </li>
                <li>
                    The Customer hereby understands and agrees that Bank may disclose the identity information provided by the Customer to only CIDR for the purpose of authentication or authorization 
                </li>
                <li>
                    The Customer hereby understands and agrees that the biometric authentication may be treated as my signature 
                </li>
                <li>
                    The Customer hereby declare that the above information has been provided voluntarily out of his/her own discretion and volition. All information provided by the Customer or information/date retrieved from UIDAI in respect of the Customer is true, correct, updated and complete.
                </li>   
            </ol>
            <h2><strong>Agent Clause</strong></h2>
            <ol>
                <li>
                    I hereby confirm that the Customer has been explained (in a language know to the Customer) about the nature of information, sharing of such information upon authentication, aspects of the transaction and the terms and conditions applicable to this transaction and the Customer has understood and authorized YES BANK to fetch applicable data from UIDAI; 
                </li>
                <li>
                    I hereby confirm that the Customer has provided all the information voluntarily to the Bank and are true, correct and complete.
                </li>
            </ol>
          </div>
          <div class="modal-footer">
           <!--  <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button> -->
          </div>
        </div>
      </div>
    </div>
<style>
  .fade:not(.show){
    opacity: 1;
  }
</style>
<script>
    window.onload = function() {
        $("#select_other_bank").hide();

        {{-- $("#other").click(function(){
            $("#select_other_bank").toggle();
          }); --}}

          $("input[name$='radio_IIN']").click(function() {
            var value = $(this).val();
            if(value=='on')
            {
                $("#select_other_bank").show();
            }
            else{
                $("#select_other_bank").hide();
            }
           {{-- alert(test); --}}
        });

      };
</script>
<div class="modal printable" id="openRechargeReciept" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header non-printable">
                <h5 class="modal-title">Receipt <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button></h5>
                
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer non-printable">
                <button type="button" onclick="window.print()" class="btn btn-primary">Print</button>

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

<script type="text/javascript">
    window.onload = function() {
        // alert('hello');
        var modal = sessionStorage.getItem("modal");
        if(modal == 'aadhar_success'){
            $(window).on('load', function() {
                $('#openRechargeReciept').modal('show');
                $.ajax({
                      type: "GET",
                      url: "/aadhaarPay/getReceipt",
                      // data: {id:$(e).data('id')},                  
                      success: function (response) {                   
                        $('#openRechargeReciept').find('.modal-body').html(response);
                        sessionStorage.removeItem("modal");              
                      }
                  });
            });
        }
    };    
</script>
<script>
    function showBank()
    {
        $("#select_other_bank").removeClass("none");
        $("#select_other_bank").addClass("showDIV");
    }
    function showBankList()
    {
        $("#select_other_bank").removeClass("showDIV");
        $("#select_other_bank").addClass("none");                               
    }
</script>
<style type="text/css">
    .none { display:none; }, 
    .showDIV { display:block; } 
    .select2{width: 100%!important;}
</style>
@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