@extends('adminlayout.admin')
@section('content')
<script src="{{ asset('js/finger-scanner.js?v=3.1') }}"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<style type="text/css">
    label {
        margin-top: 10px;
    }
</style>
<div class="nk-content nk-content-fluid">
    <div class="container-xl wide-lg">
        <br><br>
        <div class="nk-content-body">
            <div class="nk-block-head nk-block-head-sm">
                <div class="nk-block-between">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">AEPS Registration</h3>
                   
                </div><!-- .nk-block-head-content -->
                <div class="nk-block-head-content">
                    <div class="toggle-wrap nk-block-tools-toggle">
                        
                        <div class="toggle-expand-content" data-content="pageMenu">
                            <ul class="nk-block-tools g-3">

                                <li class="nk-block-tools-opt">
                                    <div class="drodown">
                                        <a href="{{route('dashboard')}}" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Back</span></a>
                                         
                                    </div>
                                </li>
                            </ul>
                        </div>

                    </div><!-- .toggle-wrap -->
                </div><!-- .nk-block-head-content -->
            </div>
          
            </div>
              
            
          
            <input type="hidden" name="btnid" id="btnid" value="balance_enquiry">

            <div class="row">
                <div class="col-md-8 offset-md-2 mb-5">
                    <div class="card card-bordered" id="balance_enquiry_form">
                        <div class="card-inner">
                          
                            <form method="post" action="{{ route('submit_aeps_kyc') }}" enctype="multipart/form-data">
                                @csrf
                                
                                <div class="row g-3 align-center">
                                    <div class="col-lg-5">
                                        <div class="form-group">
                                            <label class="form-label" for="number">Mobile Number</label>
                                            <span class="form-note"></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-7">
                                        <div class="form-group">
                                            <div class="form-control-wrap">
                                                <input type="text" name="number" id="number" class="form-control" value="{{ old('number') }}">
                                                <input type="hidden" name="latitude" id="latitude" class="form-control" value="{{ old('latitude') }}">
                                                <input type="hidden" name="longitude" id="longitude" class="form-control" value="{{ old('longitude') }}">
                                                <span class="text-danger">
                                                    @if ($errors->has('number'))
                                                    {{ $errors->first('number') }}
                                                    @endif
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row g-3 align-center">
                                    <div class="col-lg-5">
                                        <div class="form-group">
                                            <label class="form-label" for="aadhar_number">Aadhar Number</label>
                                            <span class="form-note"></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-7">
                                        <div class="form-group">
                                            <div class="form-control-wrap">
                                                <input type="number" name="aadhar_number" id="aadhar_number1" class="form-control" value="{{ old('aadhar_number') }}" pattern="[2-9]{1}[0-9]{11}" title="Invalid Aadhar Number">
                                                <span class="text-danger">
                                                    @if ($errors->has('aadhar_number'))
                                                    {{ $errors->first('aadhar_number') }}
                                                    @endif
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
								<div class="row g-3 align-center">
                                    <div class="col-lg-5">
                                        <div class="form-group">
                                            <label class="form-label" for="aadhar_number">Device</label>
                                            <span class="form-note"></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-7">
                                        <div class="form-group">
                                            <div class="form-control-wrap">
                                                <select name="device" id="device_balance_enquiry"  class="form-control deviceList">
                                                  
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row g-3 align-center">
                                    <div class="col-lg-5">
                                        <div class="form-group">
                                            <label class="form-label">Finger Print Scanner</label>
                                            <span class="form-note"></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-7">
                                        <div class="form-group">
                                            <div class="form-control-wrap">
                                                <input id="method" type="hidden" value="">
                                                <input id="info" type="hidden" value="">
                                                <input type="hidden" name="txtWadh" id="txtWadh">
                                              <!--  <button type="button" class="btn btn-danger" onclick="discoverAvdm1();">CHECK DEVICE</button>-->
                                                <button type="button" class="btn btn-warning" onclick="CaptureAvdm1();">Capture finger print and perform transaction</button>
                                              <!--  <button type="button" class="btn btn-warning" onclick="deviceInfoAvdm();">info</button>-->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row g-3 align-center">
                                    <div class="col-lg-5"></div>
                                    <div class="col-lg-3">
                                        <input class="form-control" name="device_info" type="hidden" id="balance_enquiry_txtDeviceInfo" rows="10" cols="40">
                                    </div>
                                    <div class="col-lg-3">
                                        <input class="form-control" name="capture_data" type="hidden" id="balance_enquiry_txtPidData" rows="10" cols="40">
                                    </div>
                                </div>
                                <div class="row g-3">
                                    <div class="col-lg-7 offset-lg-5">
                                        <div class="form-group mt-2" id="balance_enquiry_submit_btn">

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

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

        </div>
    </div>
</div>
<div class="loader"><img src="{{asset('assets/images/loadingtrans.gif')}}"/></div>
<div class="mask"></div>
<style>
.loader{
	position: fixed;
    left: 45%;
    top: 33%;
	z-index: 9999;
}
.mask{ position:fixed; background:#000; left:0px; top:0px; right:0px; bottom:0px; opacity:0.6; z-index:99; }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

<script type="text/javascript">

    function printDiv(idid) {

        var divToPrint = document.getElementById(idid);

        var newWin = window.open('', 'Print-Window');

        newWin.document.open();

        newWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</body></html>');

        newWin.document.close();

        setTimeout(function() {
            newWin.close();
        }, 10);

    }

    var lat, lng;

    navigator.geolocation.getCurrentPosition(function(position) {
        lat = position.coords.latitude;
        lng = position.coords.longitude;
        console.log(lat + ":" + lng);
    });

    $(document).ready(function() {
        $('#latitude').val(lat);
        $('#longitude').val(lng);
        $('#latitude2').val(lat);
        $('#longitude2').val(lng);
        $('#latitude3').val(lat);
        $('#longitude3').val(lng);
    });

    function change_aeps(params) {
        // alert(params);
        $('#balance_enquiry_form').hide();
        $('#mini_statement_form').hide();
        $('#withdrawal_form').hide();
        $('#withdrawal_transaction_status_form').hide();
        // var iddd = params+'_form';
        // alert(iddd);
        $('#' + params + '_form').show();
        // alert(params+'_submit_btn');
        $('#btnid').val(params);
        // alert();
    }




    $(function() {
        // alert('Document is ready');

        $('#aadhar_number1').keyup(function() {
            // alert('keyup');
            if ($("#aadhar_number1").val().length > 11) {
                var regexp = /^[2-9]{1}[0-9]{3}[0-9]{4}[0-9]{4}$/;

                var x = document.getElementById("aadhar_number1").value;
                if (regexp.test(x)) {
                    // window.alert("Good Luck, Your Valid Aadhar no.");
                } else {
                    document.getElementById("aadhar_number1").value = '';
                    window.alert("Sorry, Invalid Aadhar no.");
                }
            }
        });
        $('#aadhar_number2').keyup(function() {
            // alert('keyup');
            if ($("#aadhar_number2").val().length > 11) {
                var regexp = /^[2-9]{1}[0-9]{3}[0-9]{4}[0-9]{4}$/;

                var x = document.getElementById("aadhar_number2").value;
                if (regexp.test(x)) {
                    // window.alert("Good Luck, Your Valid Aadhar no.");
                } else {
                    document.getElementById("aadhar_number2").value = '';
                    window.alert("Sorry, Invalid Aadhar no.");
                }
            }
        });
        $('#aadhar_number3').keyup(function() {
            // alert('keyup');
            if ($("#aadhar_number3").val().length > 11) {
                var regexp = /^[2-9]{1}[0-9]{3}[0-9]{4}[0-9]{4}$/;

                var x = document.getElementById("aadhar_number3").value;
                if (regexp.test(x)) {
                    // window.alert("Good Luck, Your Valid Aadhar no.");
                } else {
                    document.getElementById("aadhar_number3").value = '';
                    window.alert("Sorry, Invalid Aadhar no.");
                }
            }
        });
    });
</script>

						
@endsection