@extends('adminlayout.mobile_sidebar')
@section('content')
    <style>
        .card-body {
            border: 1px solid;
            box-shadow: 0 -3px 49px rgb(0 0 0 / 12%), 0 6px 6px rgb(0 0 0 / 23%);
        }

        .card {
            margin: 10px;
        }
		.mainTop{
	ackground-color: rgb(239, 239, 239);
    background-size: cover;
    display: flex;
    justify-content: center;
}
.maxWidth {
    max-width: 450px;
}
.mainRoot{
	display: flex;
    flex-direction: column;
    background: #fff;
    width: 100%;
    min-width: 320px;
	min-height: 100%!important;
	padding-bottom: 15px;
}
.sticky-top {
    z-index: 1111 !important;
}
.headerNav {
	background: #fff;
    opacity: 1;
    width: 100%;
    display: flex;
    justify-content: space-between;
	padding: 0.8rem 0.6rem !important;
}
.boxShadow {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
}
.navLeftText {
    color: #111111;
}
.innerHeadText{
	font-size: 16px;
}
.backIcon {
    margin-right: 15px;
}
.backIcon img{
	width: 21px;
}
.m-t-10{
	margin-top: 10px;
}
    </style>
    
<div class="nk-content-body">
	<div class="mainTop">
	<div class="mainRoot maxWidth">
		<div class="navTop sticky-top">
			<nav id="" class="navbar navbar-expand-lg headerNav boxShadow">
				<div class="navLeftText">
					<a class="backIcon" href="{{ url()->previous() }}"><span><img src="{{url('/assets/images/mob-dash/back-arrow.png')}}"></span></a> <span class="innerHeadText">AEPS KYC</span>
				</div>
				
			</nav>
		</div>
		<div class="container">	
                <div class="nk-block-head nk-block-head-sm">
                    <div class="nk-block-between">
                        <div class="nk-block-head-content">
                            <!--<h4 class="nk-block-title page-title">AEPS KYC</h4>-->
                            <div class="nk-block-des text-soft">
                                
                            </div>
                        </div>
                        <!-- .nk-block-head-content -->
                    </div>
                    <!-- .nk-block-between -->
                </div>
                <!-- .nk-block-head -->



                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <h5>AEPS KYC</h5>
                                <form method="post" action="{{ route('aepsCall') }}" enctype="multipart/form-data">
                                    @csrf
                
                                    <div class="container">
                                        <div class="form-group ">
                                            <label for="merchantName">merchantName</label>
                                            <input type="text" name="merchantName" id="merchantName" class="form-control"
                                                value="{{ $data->name ?? '' }}">
                                            <span class="text-danger">
                                                @if ($errors->has('merchantName'))
                                                    {{ $errors->first('merchantName') }}
                                                @endif
                                            </span>
                                        </div>
                                        <div class="form-group ">
                                            <label for="merchantPhoneNumber">merchantPhoneNumber</label>
                                            <input type="text" name="merchantPhoneNumber" id="merchantPhoneNumber" class="form-control"
                                                value="{{ $data->phone ?? '' }}">
                                            <span class="text-danger">
                                                @if ($errors->has('merchantPhoneNumber'))
                                                    {{ $errors->first('merchantPhoneNumber') }}
                                                @endif
                                            </span>
                                        </div>
                                        <div class="form-group ">
                                            <label for="firm">Firm</label>
                                            <input type="text" name="firm" id="firm" class="form-control"
                                                value="{{ $data->firm ?? '' }}">
                                            <span class="text-danger">
                                                @if ($errors->has('firm'))
                                                    {{ $errors->first('firm') }}
                                                @endif
                                            </span>
                                        </div>
                
                
                                        <div class="form-group ">
                                            <label for="emailId">emailId</label>
                                            <input type="text" name="emailId" id="emailId" class="form-control"
                                                value="{{ $data->email ?? '' }}">
                                            <span class="text-danger">
                                                @if ($errors->has('emailId'))
                                                    {{ $errors->first('emailId') }}
                                                @endif
                                            </span>
                                        </div>
                                        <div style="margin-top: 12px;">
                                            <button type="submit" class="btn btn-primary margin-top">Submit</button>
                                        </div>
                
                                    </div>
                                </form>
                            </div>

                            <div class="col-md-6" style="border-left: solid 1px black;">
                                <h5>Check KYC Status</h5>
                                <form method="post" action="{{ route('aeps_merchant_status') }}" enctype="multipart/form-data">
                                    @csrf
                
                                    <div class="">
                                        <div class="form-group ">
                                            <label for="merchantcode">merchantcode</label>
                                            <input type="text" name="merchantcode" id="merchantcode" class="form-control"
                                                value="{{ $data->merchant_code ?? '' }}" >
                                            <span class="text-danger">
                                                @if ($errors->has('merchantcode'))
                                                    {{ $errors->first('merchantcode') }}
                                                @endif
                                            </span>
                                        </div>
                                        <div class="form-group ">
                                            <label for="mobile">mobile</label>
                                            <input type="text" name="mobile" id="mobile" class="form-control"
                                                value="{{ $data->phone ?? '' }}" >
                                            <span class="text-danger">
                                                @if ($errors->has('mobile'))
                                                    {{ $errors->first('mobile') }}
                                                @endif
                                            </span>
                                        </div>
                                        <div style="margin-top: 12px;">
                                            <button type="submit" class="btn btn-primary margin-top">Check</button>
                                        </div>
                                    </div>
                                </form>
                                <div>
                                    @isset($array)
                                        <div class="border border-dark">
                                            <table>
                                                <tr>
                                                    <td align="left">Status:- </td>
                                                    <td align="right">{{ $array->status }}</td>
                                                </tr>
                                                <tr>
                                                    <td align="left">Message:- </td>
                                                    <td align="right">{{ $array->message }}</td>
                                                </tr>
                                                <tr>
                                                    <td align="left">Approval:- </td>
                                                    <td align="right">{{ $array->is_approved }}</td>
                                                </tr>
                                            </table>
                                        </div>
                                    @endisset
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- .nk-block -->
            </div>
        </div>
		</div>
    </div>
@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

<script type="text/javascript">
    var lat, lng;

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

    $(document).ready(function() {
        $('#latitude1').val(lat);
        $('#longitude1').val(lng);
    });
</script>

<script>
    // getLocation();
    // function getLocation() {
    //     // alert();
    //   if (navigator.geolocation) {
    //     navigator.geolocation.getCurrentPosition(showPosition);
    //   } else { 
    //     alert("Geolocation is not supported by this browser.");
    //   }
    // }
    // function showPosition(position) {
    //     $lat = position.coords.latitude;
    //     $long = position.coords.longitude;

    //     $('#latitude1').val($lat);
    //     $('#longitude1').val($long);

    // }
</script>