@extends('adminlayout.dashadmin')
<!-- 'adminlayout.admin'
 --> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

@section('content')
 


<!-- Content Wrapper Start -->
<div class="content-wrapper" ng-controller="PurchaseController">

  <!-- Content Header Start -->
  <section class="content-header" style="float:right;">
   <a  class="btn btn-lg btn-info" href="{{('party-transaction')}}">
        <i class="fa fa-fw fa-plus"></i>
        PURCHASE LIST
        </a>
        <a  class="btn btn-lg btn-info" href="{{('party-sale-list')}}">
        <i class="fa fa-fw fa-plus"></i>
        SELL LIST
        </a>
  </section>
  <br>
  <br>
  <!-- Content Header end -->

  <!-- Content Start -->
  <!-- Content Start -->
  <section class="content">
     <div class="box box-info">
        <div class="box-header with-border">
          <h3 class="box-title">
            <span class="fa fa-fw fa-plus"></span>   New Purchase            </h3>
          <button type="button" class="btn btn-box-tool add-new-btn" data-widget="collapse" data-collapse="true">
            <i class="fa fa-minus"></i>
          </button>
        </div>
        
        <!-- Add Sale Create Form -->
        <form id="form-purchase" class="form-horizontal" action="purchase.php" method="post" enctype="multipart/form-data">
          <div class=" col-sm-12 col-md-4">
                 <label for="party_name" class="control-label">
                  Search Party<i class="required">*</i>
              </label>
              <input type="text" class="form-control" id="party_name" name="party_name" autocomplete="off" placeholder="Search Party Name Or phone Number">
              </div>
              <div class="col-sm-12 col-md-5"></div>
              <div class="col-sm-12 col-md-3">
                 <div class="form-group">
                <label for="date" class="control-label">
                   Bill Date<i class="required">*</i>
                </label>
                <input type="text" class="form-control" name="date" value="{{ date('Y-m-d') }}" autocomplete="off" style="width: 80%;" readonly>
                 
              </div>
              <label for="date" class="control-label">
                   Supply State<i class="required">*</i>
              </label>
              <select id="status" class="form-control" name="status" style="width: 80%;">
                    <option value="received"> Uttar-pradesh</option>
                    <option value="pending"> Bihar</option>
                    <option value="ordered">  Jharkhand</option>
              </select>
              </div>
        
              <div class="well well-sm">

                <div class="form-group sup-id-selector">
                  <label for="sup_id" class="col-sm-3 control-label">
                       Party <i class="required">*</i>
                  </label>
                  <div class="col-sm-6">
                    <div class="input-group wide-tip">
                      <select id="sup_id" class="form-control select2 " name="sup_id">
                      <option value="">  Select</option>
                        <option value="1"> XWLS ELECTRIC PVT LTD  </option>
                        <option value="1"> SMGEO AUTOMOBIES PVT LTD  </option>
                     </select>
                      <div class="input-group-addon" style="padding: 0px;">
                        <a  data-toggle="modal" data-target="#add_party">
                          <i class="fa fa-plus-circle addIcon fa-2x" id="addIcon"></i>
                        </a>
                      </div>
                    </div>

                      
                  </div>
                </div>

                <div class="form-group">
                  <label for="image" class="col-sm-3 control-label">
                      Add Product        </label>
                  <div class="col-sm-6">
                    <div class="input-group wide-tip">
                      <div class="input-group-addon paddinglr-10">
                        <i class="fa fa-barcode addIcon fa-2x"></i>
                      </div>
                      <input type="text" name="add_item" value="" class="form-control input-lg autocomplete-product" id="add_item" data-type="p_name" onkeypress="return event.keyCode != 13;" onclick="this.select();" placeholder="  Search Product" autocomplete="off" tabindex="1">
                      <div class="input-group-addon paddinglr-10">
                        
                        <a  href="#" data-toggle="modal" data-target="#add_product">
                          <i class="fa fa-plus-circle addIcon fa-2x" id="addIcon"></i>
                        </a>
                      </div>
                      




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

                <div class="row">
                  <div class="col-md-12">
                    <div class="table-responsive">
                      <table id="product-table" class="table table-striped table-editable table-bordered mb-0">
                        <thead>
                          <tr class="bg-info">
                            <th class="w-35 text-center">
                                Product                  </th>
                            <th class="w-10 text-center">
                                Available                  </th>
                            <th class="w-10 text-center">
                                Quantity                  </th>
                            <th class="w-10 text-center">
                                Cost                  </th>
                            <th class="w-10 text-center">
                                Sell Price                  </th>
                            <th class="w-10 text-center">
                                Item Tax                  </th>
                            <th class="w-10 text-center">
                                Item Total                  </th>
                            <th class="w-5 text-center">
                              <i class="fa fa-trash-o"></i>
                            </th>
                          </tr>
                        </thead>
                        <tbody>
                           <tr><td class="text-center" style="min-width:100px;">
                            <input name="products[4][category_id]" type="hidden" class="categoryid" value="1"><span class="name" id="name-4">exppo-19758407</span></td>
                            <td class="text-center" data-title="Available">
                              <span class="text-center available" id="available-4">0.00</span></td>
                            <td style="padding:2px;" data-title="Quantity">
                              <input class="form-control input-sm text-center quantity" name="products[4][quantity]" type="text" value="1" data-id="4" id="quantity-4" onclick="this.select();" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;" onkeyup="if(this.value<0){this.value='1';}"></td>
                              <td style="padding:2px; min-width:80px;" data-title="Purchase Price"><input id="purchase-price-4" class="form-control input-sm text-center purchase-price" type="text" name="products[4][purchase_price]" value="0.0000" data-id="4" data-item="4" onclick="this.select();" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;" onkeyup="if(this.value<0){this.value='1';}"></td>
                              <td style="padding:2px;min-width:80px;" data-title="Unit Price"><input id="sell-price-4" class="form-control input-sm text-center sell-price" type="text" name="products[4][sell_price]" value="50.0000" data-id="4" data-item="4" onclick="this.select();" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;" onkeyup="if(this.value<0){this.value='1';}"></td>
                              <td class="text-center" data-title="Tax Amount">
                                <span id="tax-amount-view-4" class="tax tax-amount-view">3.00</span>
                              </td>


                              <td class="text-right" data-title="Total"><span class="subtotal" id="subtotal-4">60.00</span></td><td class="text-center"><i class="fa fa-close text-red pointer remove btnDeleteRow" data-id="4" title="Remove"></i></td></tr>
                            

                        </tbody>
                        <tfoot>
                          <tr>
                              <td colspan="5">
                                <button type="button" class="btnAddRow btn btn-primary btn-sm">Add Row</button>
                              </td>
                          </tr>
                          <tr class="bg-gray">
                            <th class="text-right" colspan="6">
                                Subtotal                  </th>
                            <th class="col-sm-2 text-right">
                              <input id="total-tax" type="hidden" name="total-tax" value="">
                              <input id="total-amount" type="hidden" name="total-amount" value="">
                              <span id="total-amount-view">0.00</span>
                            </th>
                            <th class="w-25p">&nbsp;</th>
                          </tr>
                          <tr class="bg-gray">
                            <th class="text-right" colspan="6">
                                Order Tax (%)
                            </th>
                            <th class="col-sm-2 text-right">
                              <input ng-change="addOrderTax();" id="order-tax" class="text-right p-5" type="taxt" name="order-tax" ng-model="orderTax" onclick="this.select();" ondrop="return false;" onkeypress="return IsNumeric(event);" onpaste="return false;" autocomplete="off">
                            </th>
                            <th class="w-25p">&nbsp;</th>
                          </tr>
                          <tr class="bg-gray">
                            <th class="text-right" colspan="6">
                                Shipping Charge                  </th>
                            <th class="col-sm-2 text-right">
                              <input ng-change="addShippingAmount();" id="shipping-amount" class="text-right p-5" type="taxt" name="shipping-amount" ng-model="shippingAmount" onclick="this.select();" ondrop="return false;" onkeypress="return IsNumeric(event);" onpaste="return false;" autocomplete="off">
                            </th>
                            <th class="w-25p">&nbsp;</th>
                          </tr>
                          <tr class="bg-gray">
                            <th class="text-right" colspan="6">
                                Others Charge                  </th>
                            <th class="col-sm-2 text-right">
                              <input ng-change="addOthersCharge();" id="others-charge" class="text-right p-5" type="taxt" name="others-charge" ng-model="othersCharge" onclick="this.select();" ondrop="return false;" onkeypress="return IsNumeric(event);" onpaste="return false;" autocomplete="off">
                            </th>
                            <th class="w-25p">&nbsp;</th>
                          </tr>
                          <tr class="bg-gray">
                            <th class="text-right" colspan="6">
                                Discount Amount                  </th>
                            <th class="col-sm-2 text-right">
                              <input ng-change="addDiscountAmount();" id="discount-amount" class="text-right p-5" type="taxt" name="discount-amount" ng-model="discountAmount" onclick="this.select();" ondrop="return false;" onkeypress="return IsNumeric(event);" onpaste="return false;" autocomplete="off">
                            </th>
                            <th class="w-25p">&nbsp;</th>
                          </tr>
                          <tr class="bg-yellow">
                            <th class="text-right" colspan="6">
                                Payable Amount                  </th>
                            <th class="col-sm-2 text-right">
                              <input type="hidden" name="payable-amount" value="">
                              <h4 class="text-center"><b></b></h4>
                            </th>
                            <th class="w-25p">&nbsp;</th>
                          </tr>
                          <tr class="bg-blue">
                            <th class="text-right" colspan="6">
                                Payment Method                  </th>
                            <th class="col-sm-2 text-center">
                              <select id="pmethod-id" class="form-control select2" name="pmethod-id">
                                                        <option value="1">Cash on Delivery</option>
                                                        <option value="2">Bkash</option>
                                                        <option value="3">Gift card</option>
                                                        <option value="4">Credit</option>
                                                    </select>
                            </th>
                            <th class="w-25p">&nbsp;</th>
                          </tr>
                          <tr class="bg-blue">
                            <th class="text-right" colspan="6">
                                Paid Amount                  </th>
                            <th class="col-sm-2 text-right">
                              <input ng-change="addPaidAmount();" id="paid-amount" class="text-center paidAmount" type="taxt" name="paid-amount" ng-model="paidAmount" onclick="this.select();" ondrop="return false;" onkeypress="return IsNumeric(event);" onpaste="return false;" autocomplete="off">
                            </th>
                            <th class="w-25p">&nbsp;</th>
                          </tr>
                          <tr class="bg-gray">
                            <th colspan="2" class="w-10 text-right">
                                Due Amount                  </th>
                            <th colspan="4" class="w-70 bg-red text-center">
                              <input type="hidden" name="due-amount" value="">
                              <span> dueAmount | formatDecimal</span>
                            </th>
                            <th colspan="2">&nbsp;</th>
                          </tr>
                          <tr class="bg-gray">
                            <th colspan="2" class="w-10 text-right">
                                Change Amount                  </th>
                            <th colspan="4" class="w-70 bg-green text-center">
                              <input type="hidden" name="change-amount" value="">
                              <span>2344</span>
                            </th>
                            <th colspan="2">&nbsp;</th>
                          </tr>
                        </tfoot>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <div class="col-sm-4 col-sm-offset-3 text-center">            
                  <button id="create-purchase-submit" class="btn btn-block btn-lg btn-info" data-form="#form-purchase" data-datatable="#purchase-purchase-list" name="submit" data-loading-text="Processing...">
                    <i class="fa fa-fw fa-save"></i>
                      Submit        </button>
                </div>
                <div class="col-sm-2 text-center">            
                  <button type="reset" class="btn btn-block btn-lg btn-danger" id="reset" name="reset">
                    <span class="fa fa-fw fa-circle-o"></span>
                      Reset        </button>
                </div>
              </div>
            </form>

          
          <!-- product Modal -->
          <div class="modal fade" id="add_product" tabindex="-1" role="dialog" aria-labelledby="add_productLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="add_productLabel">New Product</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-body">
                  <form id="form-purchase" class="form-horizontal" action="purchase.php" method="post" enctype="multipart/form-data">
                   <div class="row">
                    <div class=" col-sm-6 col-md-6 ">
                    <label for="pan" class="control-label">
                    Select party<i class="required">*</i>
                    </label>
                    <select class="form-control" name="item_type" >
                         <option value="">  Select</option>
                        <option value=""> XWLS ELECTRIC PVT LTD  </option>
                        <option value=""> SMGEO AUTOMOBIES PVT LTD  </option>
                     </select>
                   </div>
                   <div class=" col-sm-6 col-md-6 ">
                    <label for="pan" class="control-label">
                    Product Type<i class="required">*</i>
                    </label>
                    <select class="form-control" name="item_type" >
                        <option value="scooty">scooty</option>
                        <option value="bike">bike</option>
                        <option value="loader">loader</option>
                        <option value="temppo">temppo</option>
                        <option value="car">car</option>
                    </select>
                   </div>
                  <div class=" col-sm-6 col-md-6 ">
                    <label for="product_name" class="control-label">
                    Product name<i class="required">*</i>
                    </label>
                    <input type="text" class="form-control" id="product_name" name="product_name" autocomplete="off" placeholder="Type product name ">
                  </div>
                  <div class=" col-sm-6 col-md-6 ">
                    <label for="product_model" class="control-label">
                     product model <i class="required">*</i>
                    </label>
                    <input type="text" class="form-control" id="product_model" name="product_model" autocomplete="off" placeholder="product model ">
                  </div>
                  <div class="col-sm-6 col-md-6 ">
                    <label for="color" class="control-label">
                    color <i class="required">*</i>
                    </label>
                    <input type="text" class="form-control" id="color" name="color" autocomplete="off" placeholder="product color  ">
                  </div>
                  <div class=" col-sm-6 col-md-6 ">
                    <label for="ev_img" class="control-label">
                      image <i class="required">*</i>
                    </label>
                    <input type="file" class="form-control" id="ev_img" name="ev_img">
                  </div>
                 
                  
                 </div>
                </form>
                </div>
                <div class="modal-footer" style="text-align: center;">
                  <button class="btn btn-lg btn-info" name="submit" data-loading-text="Processing...">
                    <i class="fa fa-fw fa-save"></i>
                      Submit        </button>
                </div>
              </div>
            </div>
           <br>
          </div>

           <!--Party  Modal -->
          <div class="modal fade" id="add_party" tabindex="-1" role="dialog" aria-labelledby="add_partyLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="add_partyLabel"> New Party</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-body">
                 <!-- Add Party Create Form -->
                <form id="form-purchase" class="form-horizontal" action="{{ route('add_user') }}" method="post" enctype="multipart/form-data">
                  <div class="box-body" style="display: block;">
                             <div class="row">
                             <div class=" col-sm-6 col-md-6 ">
                              <label for="party_name" class="control-label">
                              party_name<i class="required">*</i>
                              </label>
                              <input type="text" class="form-control" id="party_name" name="party_name" autocomplete="off" placeholder="party_name ">
                            </div>
                            <div class=" col-sm-6 col-md-6 ">
                              <label for="phone" class="control-label">
                              phone<i class="required">*</i>
                              </label>
                              <input type="number" class="form-control" id="phone" name="phone" autocomplete="off" placeholder="Enter Party phone ">
                            </div>
                            <div class=" col-sm-6 col-md-6 ">
                              <label for="phone" class="control-label">
                              Alternate phone<i class="required">*</i>
                              </label>
                              <input type="number" class="form-control" id="phone" name="phone" autocomplete="off" placeholder="Enter Party phone ">
                            </div>
                            <div class=" col-sm-6 col-md-6 ">
                              <label for="company" class="control-label">
                               Company name <i class="required">*</i>
                              </label>
                              <input type="text" class="form-control" id="company" name="company" autocomplete="off" placeholder="company name ">
                            </div>
                            <div class=" col-sm-6 col-md-6 ">
                              <label for="email" class="control-label">
                              email <i class="required">*</i>
                              </label>
                              <input type="email" class="form-control" id="email" name="email" autocomplete="off" placeholder="email ">
                            </div>
                            
                            <div class=" col-sm-6 col-md-6 ">
                              <label for="pan" class="control-label">
                              pan<i class="required">*</i>
                              </label>
                              <input type="text" class="form-control" id="pan" name="pan" autocomplete="off" placeholder="pan number ">
                            </div>
                            <div class=" col-sm-6 col-md-6 " id="pin_div">
                              <label for="pin" class="control-label">
                              Pin Code<i class="required">*</i>
                              </label>
                              <input type="text" name="pin" class="form-control  @error('pincode') error @enderror" id="pin" placeholder="Enter pin Code" value="" onkeyup="getPostOffice(this.value)" onblur="changeAddress(this.value)" >
                                                  @error('pin')
                                                  <p class="text-danger">{{ $message }}</p>
                                                  @enderror
                                                  <p class="text-danger" id="pin_error"></p>
                            </div>
                            <div class=" col-sm-6 col-md-6 ">
                              <label for="pan" class="control-label">
                              Town/City<i class="required">*</i>
                              </label>
                              <select class="form-control" name="post_office" id="post_office" onchange="changeAddress()">
                                  <option></option>
                              </select>
                              
                              <input type="hidden" name="city" value="" id="city">
                              <input type="hidden" name="state" value="" id="state">
                              <input type="hidden" name="country" value="" id="country">
                              
                              <input type="hidden" name="latitude" id="latitude" value="">
                              <input type="hidden" name="longitude" id="longitude" value="">
                            </div>
                           </div>
                            <div class="row">
                            
                            <div class=" col-sm-12 col-md-12 ">
                              <label for="pan" class="control-label">
                              ful address<i class="required">*</i>
                              </label>
                              <textarea class="form-control" id="ful_address" rows="3"></textarea>
                              
                            </div>

                            <div class=" col-sm-12 col-md-12 " style="text-align: center; margin-top: 20px;">
                               <button class="btn btn-lg btn-info" name="submit" data-loading-text="Processing..."> <i class="fa fa-fw fa-save"></i> Submit </button>
                            </div>
                            
                           </div>
                            </div>
                          </form>
                </div>
                <div class="modal-footer" style="text-align: center;">
                  <br>

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

 <script>
         
         //delete row
          $(".btnDeleteRow").click(function() {
            var rowCount = $(this).closest('table').find('tbody').length;
            if (rowCount > 1) {
              $(this).closest('tbody').remove(); 
            } 
            rowCount --; 
            if (rowCount <= 1) { 
              $(document).find('.btnDeleteRow').prop('disabled', true);  
            }
          });

          //add row
          $(".btnAddRow").click(function() { 
            var table = $(this).closest('table');
            var lastRow = table.find('tbody').last();
            var newRow = lastRow.clone(true, true); 
            newRow.find('input, textarea, select').val('');
            newRow.find('.growTextarea').css('height','auto');
            newRow.insertAfter(lastRow);
            table.find('.btnDeleteRow').removeAttr("disabled");
          });



       </script>

          

<script type="text/javascript">
$(document).ready(function() {
  $('.datepicker').datepicker({
    language: langCode,
    format: "yyyy-mm-dd",
    autoclose:true,
    todayHighlight: true
  }).datepicker("setDate",'now');
});
</script>        
      
  
  </section>
  <!-- Content End -->
</div>
<!-- Content Wrapper End -->

        </div>
      </div>
      </section>
  <!-- Content End -->

</div>
<!-- Content Wrapper End -->
    
   
    <div class="scrolling-sidebar-bg"></div>
    <div class="scrolling-sidebar-mask"></div>
    <!-- Scrolling Sidebar End -->
 
</div>
<!-- End Wrapper -->





<style>
.profitWrap
{
  padding: 5px;
}
</style>

@endsection



<script> 
  //   function getRefDetail(refid)
  // {
  //   if(refid !='')
  //   {
  //    var url = "{{ url('get-referral') }}"+'/'+refid;    
  //    $.ajax({
  //           type: "GET",
  //           url: url,
  //           dataType: 'json',
  //           success: function(response) {
  //               console.log(response);
              
  //               if (response.status == "1") {
  //                  $('#refname').html('<span style="color: #f5f6fa;">'+response.name+'</span>');
                             
  //                   $('#user_type').val(response.slug);
  //         $('#select2-user_type-container').html(response.rolename);  
  //                   defaultid(response.slug);         

  //               } else {
  //                   $('#refname').html('<span style="color: #ef1806;">'+response.message+'</span>');
  //               }
  //           }
  //       });
  //   }else{
  //      $('#refname').html('');
  //   }
    
  // }
  
    function getPostOffice(m_pincode) {
        //var pin_select = ('#pinaddress').val();
        $.ajax({
            type: "GET",
            url: "https://api.postalpincode.in/pincode/" + m_pincode,
            dataType: 'json',
            success: function(response) {
                console.log(response);
                var option = '';
                if (response[0].Status == "Success") {
                    var PostOffice = response[0].PostOffice;
                    var len = PostOffice.length;
                    option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < PostOffice.length; index++) {
                        option += "<option value='" + PostOffice[index].Name + "'>" + PostOffice[index].Name + ", " + PostOffice[index].District + ", " + PostOffice[index].State + "</option>";
                    }
                    $('#pin_error').html("");
                    $('#post_office').html(option);

                    $("#post_office").on("click", function() {

                    });
                    document.getElementById('post_office').click();

                } else {
                    $('#pin_error').html(response[0].Message);
                    $('#post_office').html("");
                }
            }
        });
    }

    function changeAddress() {
        var pin             = $('#pin').val();
        var post_office     = $('#post_office').val();
        $.ajax({
            type: "GET",
            url: "https://api.postalpincode.in/pincode/" + pin,
            dataType: 'json',
            success: function(response) {
                console.log(response);
                var pin_select_status = 0;
                var option = '';
                if (response[0].Status == "Success") {
                    var PostOffice = response[0].PostOffice;
                    option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < PostOffice.length; index++) {
                        if (post_office == PostOffice[index].Name) {
                            pin_select_status   = 1;
                            $('#city').val(PostOffice[index].District);
                            $('#state').val(PostOffice[index].State);
                            $('#country').val(PostOffice[index].Country);
                        }
                        option += "<option value='" + PostOffice[index].Name + "'>"  + PostOffice[index].District + ", " + PostOffice[index].State + "</option>";
                    }
                    if (pin_select_status == 0) {
                        $('#pin_error').html("Error Please re-select address.");
                        $('#post_office').html(option);
                    } else {
                        $('#pin_error').html('');
                    }
                } else {
                    $('#pin_error').html(response[0].Message);
                    $('#post_office').html('');
                }
            }
        });
    }

    // function PanValidate(panVal) {
    //     var regpan = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/;

    //     if(regpan.test(panVal)){
    //         // valid pan card number
    //         $('#pan_error').html('');
    //         var url = "{{ url('pan_validate') }}";

    //         $.ajax({
    //             url: url,
    //             headers: {
    //                 'X-CSRF-TOKEN': '{{ csrf_token() }}'
    //             },
    //             type: "POST",
    //             data: {
    //                 'pan': panVal
    //             },
    //             dataType: 'json',
    //             context: this,
    //             success: function(result) {
    //                 if(result.message=="PAN verified successfully"){
    //                     $('#name').val(result.registered_name);
    //                     $('#father_name').val(result.father_name);
    //                 } else {
    //                     $('#name').val('');
    //                     $('#father_name').val('');
    //                     $('#pan_error').html(result.message);
    //                 }
    //                 console.log(result);
    //             },
    //             error: function(error) {
    //                 console.log(error.responseText);
    //             }
    //         });
    //     } else {
    //         $('#pan_error').html('invalid pan card number');
    //     }
    // }



    // NioApp.Toast('This is a note for top right toast message.', 'info', {
    //   position: 'top-right'
    // });
    
    // NioApp.Toast('<h5>Update Successfully</h5><p>Your profile has been successfully updated.</p>', 'success');

    // var url = "";
    // Swal.fire({
    //     title: "Registration Successfull!",
    //     html: "Your User Id is <h4>user->user_id</h4> and Password is <h4>password</h4> <h5><a href='"+url+"'> Click here to Login </a></h5>",
    //     icon: "success",
    //     showCancelButton: true,
    //     showCloseButton: true,
    // });
</script>
<script>
    // alert(document.cookie);
    getLocation();
    function getLocation() {
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
      } else { 
        alert("Geolocation is not supported by this browser.");
      }
    }
    
    function showPosition(position) {
        
      document.getElementById("latitude").value=position.coords.latitude;
      document.getElementById("longitude").value=position.coords.longitude;
      sessionStorage.setItem("latitude", position.coords.latitude);
      sessionStorage.setItem("longitude", position.coords.longitude);
    }
    </script>