@extends('adminlayout.admin')
@section('content')
<style >
   .btn{
        padding: 5px 5px 5px 5px;
    }
</style>
<div class="nk-content nk-content-fluid">
   <div class="container-xl wide-lg">
      <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">Pay Lic Details</h3>
               </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 offset-md-3">
                         <table width="100%">
                             <tr>
                                 <td colspan="2" align="center">{{ $data->message }}</td>
                             </tr>
                             <tr>
                                 <td align="left">Customer Name : </td>
                                 <td align="right">{{ $data->bill_fetch->CustomerName ?? '' }}</td>
                             </tr>
                             <tr>
                                 <td align="left">Policy Number : </td>
                                 <td align="right">{{ $data->canumber ?? '' }}</td>
                             </tr>
                             <tr>
                                 <td align="left">Due Date : </td>
                                 <td align="right">{{ $data->bill_fetch->Duedatefromto ?? '' }}</td>
                             </tr>
                             <tr>
                                 <td align="left">Bill Amount : </td>
                                 <td align="right">{{ $data->bill_fetch->Netamount ?? '' }}</td>
                             </tr>
                         </table>
                         <br>
                         @if ($data->message == 'Bill Fetched Success.')
                         <div class="text-center">
                            <form method="POST" action="{{ route('save_pay_lic') }}" enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="jsondata" value="{{ $jsondata }}">
                                <input type="hidden" name="latitude" id="latitude" value="{{ old('latitude') }}">
                                <input type="hidden" name="longitude" id="longitude" value="{{ old('longitude') }}">

                                <button type="submit" class="btn btn-success"> Pay Amount </button>
                            </form>
                         </div>
                         
                        
                         @endif
                     </div>
                 </div>
             </div>
         </div>


         
         <!-- .nk-block -->
      </div>
   </div>
</div>
<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() {
        $('#latitude').val(lat);
        $('#longitude').val(lng);
    });
</script>
@endsection