@extends('layouts.admin_default')
@section('title', 'Loyality Table')
@section('page', 'Loyality Table / List')
@section('content')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style type="text/css">
    .select2-container .select2-selection--single{
        height: 46px;
        padding-top: 7px;width: 100%;
        
    }
    .select2-container--default.select2-container--open{
      z-index: 9999;

    }
      .select2.select2-container.select2-container--default{
         width: 100% !important;
      }
    .select2-container--default .select2-selection--single{
        border: 1px solid #ced4da;
    }

    .select2-dropdown {
       z-index: 1051; /* Value greater than the modal's z-index */
   }
</style>
<div class="layout-px-spacing">
   <div class="row layout-top-spacing">
      <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
         <div class="widget-content widget-content-area br-6">
            <div id="delete_bd_ms"></div>
             @if(isset($errors) && $errors->any())
             @foreach($errors->all() as $error )
            <div class="alert alert-danger fade in alert-dismissible show" style="margin-bottom:5px;">
               <button type="button" class="close" data-dismiss="alert" aria-label="Close">
               <span aria-hidden="true" style="font-size:20px">×</span>
               </button>
                {{$error}}
            </div>
            @endforeach
            @endif
            @if(session()->has('message'))
            <div class="alert alert-success fade in alert-dismissible show" style="margin-bottom:5px;">
               <button type="button" class="close" data-dismiss="alert" aria-label="Close">
               <span aria-hidden="true" style="font-size:20px">×</span>
               </button>
               {{ session()->get('message') }}
            </div>
            @elseif(session()->has('error'))
            <div class="alert alert-danger fade in alert-dismissible show" style="margin-bottom:5px;">
               <button type="button" class="close" data-dismiss="alert" aria-label="Close">
               <span aria-hidden="true" style="font-size:20px">×</span>
               </button>
               {{ session()->get('error') }}
            </div>
            @endif

            <div class="content pt-0">
               <div class="card mt-4">
                   <div class="card-header">
                       <h5 class="card-title">Dashboard / State</h5>
                   </div>
                   <div class="col-md-12 text-right">
                     <a class="btn btn-success mb-2" href="javascript:void();" onclick="csvAddModal();">Import Locality</a>
                     <a class="btn btn-success mb-2" href="{{ route('export-locality') }}">Export Locality</a>
                     <a href="javascript:void();" onclick="addModal();" class="btn btn-primary mb-2">Add +</a>
                  </div>
                  <div class="col-md-12 text-left">
                     <div class="" id="#error"></div>
                     <div class="multiple-action">
                        <button type="button" onclick="multiple_del()" class="btn btn-danger del">Delete</button>
                        {{-- <button type="button" onclick="multiple_active()" class="btn btn-success active-status">Active</button>
                        <button type="button"  onclick="multiple_deactive()" class="btn btn-danger inactive-status">Inactive</button> --}}
                     </div>
                     <small>Apply action on checked record.</small>
                  </div>
                  <div class="mb-4 mt-4">
                     <div class="row p-3">            
                        @php 
                           $countries = \App\Models\AllCountry::distinct()->get(['id', 'country_name']); 
                           $states = \App\Models\State::distinct()->get(['id', 'state_name']);
                        @endphp
                           <div class="col-sm-2 col-md-2 col-lg-2">
                                 <div class="form-group">
                                    <label for="">Country</label>
                                    <select class="form-control" name="country" required id="country_id" onchange="selectedDropdown(this.value,'tbl_states','country_id','state_name','_f');">
                                                <option value="">--Select Country--</option>
                                                @foreach($countries as $country)
                                                <option value="{{ $country->id }}">{{ $country->country_name }}</option>
                                                @endforeach
                                    </select>
                                 </div>
                              </div>
                              <div class="col-sm-2 col-md-2 col-lg-2">                  
                                 <div class="form-group">
                                    <label for="state name">State</label>
                                    <select class="form-control" name="state" required id="state_f" onchange="selectedDropdown(this.value,'tbl_cities','state_id','city_name','_f')">
                                                <option value="">--Select State--</option>
                                                
                                    </select>
                                 </div>
                              </div>
                              <div class="col-sm-2 col-md-2 col-lg-2">
                              @php $citys = \App\Models\City::distinct()->orderBy('city_name', 'asc')->get(['id', 'city_name']); @endphp
                                 <div class="form-group">
                                    <label for="state name">City</label>
                                    <select class="form-control" name="city" required id="city_f">
                                                <option value="">--Select City--</option>
                                                
                                    </select>
                                 </div>
                              </div>
                              <div class="col-md-3 text-left">
                                 <div class="form-group">
                                    <button type="button" class="btn btn-primary" style="margin-top:30px;" id="search-button">Search</button>
                                 </div>
                              </div>
                     </div>
                        <table id="multi-column-ordering" class="table table-hover">
                           <thead>
                              <tr>
                                 <th><input type="checkbox" class="new-control-input" id="contact-check-all"></th>
                                 
                                 <th>Locality Id</th>
                                 <th>Area</th>
                                 <!-- <th>Locality</th> -->
                                 <th>Country Name</th>
                                 <th>Country Id</th>
                                 <th>Timezone</th>
                                 <th>State Name</th>
                                 <th>State Id</th>
                                 <th>City Name</th>
                                 <th>City Id</th>
                                 <th>Post Code</th>
                                 <th>Longitude</th>  
                                 <th>Latitude</th>  
                                 <th>Altitude</th>
                                 <th>Created Date</th>
                                 <th>Action</th>
                              </tr>
                           </thead>
                           <tbody id="tableItem">
                           </tbody>
                           <tfoot>
                              <tr>
                                 <th></th>
                                 
                                 <th>Locality Id</th>
                                 <th>Area</th>
                                 <!-- <th>Locality</th> -->
                                 <th>Country Name</th>
                                 <th>Country Id</th>
                                 <th>Timezone</th>
                                 <th>State Name</th>
                                 <th>State Id</th>
                                 <th>City Name</th>
                                 <th>City Id</th>
                                 <th>Post Code</th>
                                 <th>Longitude</th>  
                                 <th>Latitude</th>  
                                 <th>Altitude</th>
                                 <th>Created Date</th>
                                 <th>Action</th>
                           </tr>
                           </tfoot>
                        </table>                                 
                  </div>
               </div>
            </div>
            
   </div>
</div>
<!--end of listing -->
<!-- add modal start -->
<div class="modal fade" id="add_blog_modal">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <form id="zodiacForm" method="post" action="{{route('savelocality')}}" enctype="multipart/form-data" novalidate>
            @csrf
            <div class="modal-header">
               <h5 class="modal-title">Add Locality</h5>
               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
               </button>
            </div>
            <div class="modal-body">
               <div class="row">
                     @php $countries = \App\Models\AllCountry::distinct()->get(['id', 'country_name']); @endphp
               <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="">Country</label>
                        <select class="form-control" name="country" required id="country" onchange="selectedDropdown(this.value,'tbl_states','country_id','state_name','_a');">
                                     <option value="">--Select Country--</option>
                                     @foreach($countries as $country)
                                    <option value="{{ $country->id }}">{{ $country->country_name }}</option>
                                    @endforeach
                        </select>
                     </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                  @php $states = \App\Models\State::distinct()->get(['id', 'state_name']); @endphp

                     <div class="form-group">
                        <label for="state name">State</label>
                        <select class="form-control" name="state" required id="state_a" onchange="selectedDropdown(this.value,'tbl_cities','state_id','city_name','_a')">
                                     <option value="">--Select State--</option>
                                     
                        </select>
                     </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                  @php $citys = \App\Models\City::distinct()->get(['id', 'city_name']); @endphp

                     <div class="form-group">
                        <label for="state name">City</label>
                        <select class="form-control" name="city" required id="city_a">
                                     <option value="">--Select City--</option>
                                     
                        </select>
                     </div>
                  </div>
 
                  <!-- <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="areas">Area</label>
                        <input type="text" class="form-control" name="area" required id="area">
                     </div>
                  </div> -->
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="locality">Area</label>
                        <input type="text" class="form-control" name="locality" required id="locality">
                     </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="post_code">Post code</label>
                        <input type="number" class="form-control" name="postcode" required id="postcode">
                     </div>
                  </div>

                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="latitude">Latitude</label>
                        <input type="number" class="form-control" name="latitude" required id="latitude">
                     </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="longitude">Longitude</label>
                        <input type="number" class="form-control" name="longitude" required id="longitude">
                     </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="altitude">Altitude</label>
                        <input type="number" class="form-control" name="altitude" required id="altitude">
                     </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="l_degree">Is Default</label>
                        <select id="isdefault" class="form-control" name="is_default" required>
                            
                            <option value="0">No</option>
                            <option value="1">Yes</option>
                        </select>
                     </div>
                  </div>
                </div>
            </div>
            <div class="modal-footer justify-content-between">
               <!-- <button type="button" class="btn btn-primary" data-dismiss="modal">No</button> -->
               <button type="submit" class="btn btn-primary" >Submit</button>
            </div>
         </form>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!-- add modal end -->
<!-- edit modal start -->
<div class="modal fade" id="edit_blog_modal">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <form id="zodiacEditForm" method="post" action="{{route('savelocality')}}" enctype="multipart/form-data" novalidate>
            @csrf
            <input type="hidden" name="id" id="id">
            <div class="modal-header">
               <h5 class="modal-title">Edit Locality</h5>
               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
               </button>
            </div>
            <div class="modal-body">
               <div class="row">
               @php $countries = \App\Models\AllCountry::distinct()->get(['id', 'country_name']); @endphp
               <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="">Country</label>
                        <select class="form-control" name="country" required id="country_e" onchange="selectedDropdown(this.value,'tbl_states','country_id','state_name','_e');">
                                     <option value="">--Select Country--</option>
                                     @foreach($countries as $country)
                                    <option value="{{ $country->id }}">{{ $country->country_name }}</option>
                                    @endforeach
                        </select>
                     </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                  @php $states = \App\Models\State::distinct()->get(['id', 'state_name']); @endphp

                     <div class="form-group">
                        <label for="state name">State</label>
                        <select class="form-control" name="state" required id="state_e" onchange="selectedDropdown(this.value,'tbl_cities','state_id','city_name','_e')">
                                     <option value="">--Select State--</option>
                                    
                        </select>
                     </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                  @php $citys = \App\Models\City::distinct()->get(['id', 'city_name']); @endphp

                     <div class="form-group">
                        <label for="state name">City</label>
                        <select class="form-control" name="city" required id="city_e">
                                     <option value="">--Select City--</option>
                                     
                        </select>
                     </div>
                  </div>
 
                  <!-- <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="areas">Area</label>
                        <input type="text" class="form-control" name="area" required id="area_nm">
                     </div>
                  </div> -->
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="locality">Area</label>
                        <input type="text" class="form-control" name="locality" required id="locality_nm">
                     </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="post_code">Post code</label>
                        <input type="number" class="form-control" name="postcode" required id="post_code">
                     </div>
                  </div>

                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="latitude">Latitude</label>
                        <input type="number" class="form-control" name="latitude" required id="latitude_num">
                     </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="longitude">Longitude</label>
                        <input type="number" class="form-control" name="longitude" required id="longitude_num">
                     </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="altitude">Altitude</label>
                        <input type="number" class="form-control" name="altitude" required id="altitude_num">
                     </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group">
                        <label for="l_degree">Is Default</label>
                        <select id="is_default" class="form-control" name="is_default" required>
                            
                            <option value="0">No</option>
                            <option value="1">Yes</option>
                        </select>
                     </div>
                  </div>
                </div>
            </div>
            <div class="modal-footer justify-content-between">
               <!-- <button type="button" class="btn btn-primary" data-dismiss="modal">No</button> -->
               <button type="submit" class="btn btn-primary">Submit</button>
            </div>
         </form>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!-- edit modal end -->
<!-- view modal start -->
<div class="modal fade" id="view_blog_modal">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <form method="post">
            <div class="modal-header">
               <h5 class="modal-title">State Details</h5>
               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">&times;</span>
               </button>
            </div>
            <div class="modal-body" id="detailContent">
            </div>
            <div class="modal-footer justify-content-between">
               <!-- <button type="button" class="btn btn-primary" data-dismiss="modal">No</button>
                  <button type="button" class="btn btn-danger" onclick="ajax_delete_item();" >Yes, Delete</button> -->
            </div>
         </form>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!-- view modal end -->
<!-- import csv file to add zodiac start -->
<div class="modal fade" id="csv_add_blog_modal">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <form id="addCsvForm" method="post" action="{{route('importLocality')}}" enctype="multipart/form-data" novalidate>
            @csrf
            <div class="modal-header">
               <h5 class="modal-title">Import Csv - Locality</h5>
               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">&times;</span>
               </button>
            </div>
            <div class="modal-body">
               <div class="row">
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <div class="form-group mb-4">
                        <div class="custom-file text-left">
                           <input type="file" name="csv_file" class="custom-file-input" id="csv_file">
                           <label class="custom-file-label" for="csv_file">Choose file</label>
                        </div>
                     </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-6 ">
                     <a class="btn btn-success csvSample" href="{{route('sample-file-download-locality')}}">Download Sample</a>
                  </div>
               </div>
            </div>
            <div class="modal-footer justify-content-between">
               <button type="submit" class="btn btn-primary" >Submit</button>
            </div>
         </form>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!-- import csv file to add zodiac end -->
@endsection
@section('footer')
<script type="text/javascript">
   // function destroy(url){
   //   swal({
   //     title: "Are you sure?",
   //     text: "Do you want to delete this Zodiac!",
   //     type: "warning",
   //     showCancelButton: true,
   //     confirmButtonText: "Yes, delete it!",
   //     cancelButtonText: "No, cancel plx!",
   //     closeOnConfirm: false,
   //   }, function(isConfirm) {
   //     if (isConfirm) {
   //       document.location.href = url;
   //     }
   //   });
   // }

</script>
<script type="text/javascript">
   $(document).ready(function(){
     $('#multi-column-ordering').DataTable({
        processing: true,
        serverSide: true,
        stateSave: true,
        ajax: "{{route('getlocalityDetails')}}",
        columns: [
           { data: 'checkall', orderable: false, searchable: false },
           
           { data: 'id' },
           // { data: 'area' },
           { data: 'locality' },
           { data: 'country_nm' },
            {data:'country_id'},
           {data:'timezone'},
           { data: 'state_nm' },
           {data:'state_id'},
           { data: 'city_nm' },
            {data:'city_id'},
           { data: 'post_code' },
           { data: 'latitude' },
           { data: 'longitude' },
           { data: 'altitude' },
           { data: 'created_at' },
           { data: 'action', orderable: false, searchable: false },
         //   alert(timezone);
        ],
        order: [[1, 'asc']],
        drawCallback: function (settings) {

           var response = settings.json;
           // $('#totalRecords').text(response.totalRecords);
           // $('#activeRecords').text(response.activeRecords);
           // $('#inactiveRecords').text(response.inactiveRecords);
           // $('#deletedRecords').text(response.deletedRecords);
           console.log(response);
           updateIcon()

       },
     });


       /*ajax header setup*/
       $.ajaxSetup({
           headers: {
               'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
           }
       });
   });
   $('#search-button').on('click', function () {
    // Get selected values from dropdowns
    var selectedCountry = $('#country_id').val();
    var selectedState = $('#state_f').val();
    var selectedCity = $('#city_f').val();

    // Get the existing DataTable instance
    var dataTable = $('#multi-column-ordering').DataTable();

    // Clear the DataTable data
    dataTable.clear().draw();

    // Update the DataTable's AJAX URL with the selected filters
    dataTable.ajax.url("{{ route('getFilterlocalityDetails') }}?country=" + selectedCountry + "&state=" + selectedState + "&city=" + selectedCity);

    // Redraw the DataTable to fetch and display the updated data
    dataTable.draw();
    $('#country_id').val("");
    $('#state').val("");
    $('#city').val("");
});


   function selectedDropdown(val,_data,_with,orderField,ele) {
        
        let _url = "{{route('getDataList')}}";
        let _token = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
           url: _url,
           type: 'POST',
           data: {
               data:_data,
               with:_with,
               id: val,
               orderField: orderField,
               _token: _token
           },
           success: function(response) {
               // console.log(response);
               let result = JSON.parse(response);
               // alert(result.status)
               if(result.status){
                   if(_data=='tbl_states'){
                        htm = '<option value="">Select State</option>';
                        result.data.forEach(ele=>{
                            htm+='<option value="'+ele.id+'">'+ele.state_name+'</option>';
                        })
                        $('#state'+ele).html(htm);

                        if(result.dst !=0){
                            $('dstInput').val(result.dst)
                        }
                   }else if(_data == 'tbl_cities'){

                        htm = '<option value="">Select City</option>';
                        result.data.forEach(ele=>{
                            htm+='<option value="'+ele.id+'">'+ele.city_name+'</option>';
                        })
                        $('#city'+ele).html(htm);
                   }else if(_data == 'tbl_area'){
                        htm = '<option value="">Select Locality</option>';
                        result.data.forEach(ele=>{
                            htm+='<option value="'+ele.id+'">'+ele.locality+'</option>';
                        })
                        $('#locality'+ele).html(htm);

                   }
               }else{
                   
               }
           }
        });
    }



   function addModal(){
        $("#add_blog_modal").modal('show');
   }
      function view_item(id){
       // var itemDetails = [];
       // getItemDetails(id);
       // setTimeout(() => {
       //   console.log("Delayed for 1 second.");
       //   console.log(itemDetails);
       // }, "1000");

       let _url = "{{route('getLocalityViewDetails')}}";
       let _token = $('meta[name="csrf-token"]').attr('content');
       $.ajax({
           url: _url,
           type: 'POST',
           data: {
               id: id,
               _token: _token
           },
           success: function(response) {
               console.log(response);
               let result = JSON.parse(response);
               if(result.status){
                   var itemDetails = result.data;
                   var country_nm=result.countyName;
                   var state_nm=result.stateName;
                   var city_nm=result.cityName;
                   if(itemDetails.status == 1){
                       var status = 'Active';
                   }else{
                       var status = 'In-active';
                   }

                   var d = new Date(itemDetails.created_at);
                   var created_at = d.toDateString() + ', '+d.getUTCHours() +':'+ d.getUTCMinutes()+':'+ d.getUTCSeconds();
                   // var created_at = d.toUTCString();

                   $('#detailContent').html('');
                   $('#detailContent').append('<div class="table-responsive"><table class="table table-bordered"><tr><th>Country</th> <td>'+country_nm+'</td></tr><tr><th>State Name</th> <td>'+state_nm+'</td></tr><tr><th>City Name</th> <td>'+city_nm+'</td></tr><tr><th>Area</th> <td>'+itemDetails.area+'</td></tr><tr><th>Locality</th> <td>'+itemDetails.locality+'</td></tr><tr><th>Post Code</th> <td>'+itemDetails.post_code+'</td></tr><tr><th>Latitude</th> <td>'+itemDetails.latitude+'</td></tr><tr><th>longitude</th> <td>'+itemDetails.longitude+'</td></tr><tr><th>altitude</th> <td>'+itemDetails.altitude+'</td></tr><tr><th>Created Date</th> <td>'+created_at+'</td></tr></table> </div>');
                   $("#view_blog_modal").modal('show');
               }else{
                   myFaildToast('Something went wrong.');
               }
           }
       });


   }

   function edit_item(id){
       let _url = "{{route('getLocalityEditDetails')}}";
       let _token = $('meta[name="csrf-token"]').attr('content');
       $.ajax({
           url: _url,
           type: 'POST',
           data: {
               id: id,
               _token: _token
           },
           success: function(response) {
               console.log(response);
               let result = JSON.parse(response);
               if(result.status){
                   // var itemDetails = result.data;
                  //  alert(result.data.timezone);
                  //  console.log(result.data.country_name);
                  // alert(result.data.country_id);
                   $('#id').val(result.data.id);
                   // $('#country_id').val(result.data.country_id);
                   // $('#state_id').val(result.data.state_id);
                   // $('#city_id').val(result.data.city_id);
                   $('#area_nm').val(result.data.area);
                   $('#locality_nm').val(result.data.locality);
                   $('#post_code').val(result.data.post_code);
                   $('#latitude_num').val(result.data.latitude);
                   $('#longitude_num').val(result.data.longitude);
                   $('#altitude_num').val(result.data.altitude);
                   $('#is_default').val(result.data.is_default);
                   $('#country_e').val(result.data.country_id).trigger('change');
                   setTimeout(()=>{
                     $('#state_e').val(result.data.state_id).trigger('change');
                     setTimeout(()=>{
                        $('#city_e').val(result.data.city_id).trigger('change');
                     },500)
                  },500)
                   $("#edit_blog_modal").modal('show');
               }else{
                   myFaildToast('Something went wrong.');
               }
           }
       });
   }


</script>
<!-- form validation start -->
<script>
   $( "#zodiacForm" ).validate({
     rules: {
       field: {
         required: true,
       }
     }
   });


   $( "#zodiacEditForm" ).validate({
     rules: {
       field: {
         required: true,
       }
     }
   });


   $( "#addCsvForm" ).validate({ });



</script>
<!-- form validation end -->
<!-- getting item details start -->
<!-- getting item details end -->
<!-- add csv modal start -->
<!-- getting item details end -->
<!-- add csv modal start -->
<script type="text/javascript">
   function csvAddModal(){
        $("#csv_add_blog_modal").modal('show');
   }
</script>
<script>
   // Add the following code if you want the name of the file appear on select
   $(".custom-file-input").on("change", function() {
     var fileName = $(this).val().split("\\").pop();
     $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
   });
</script>


<!-- check all record start -->
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<!-- check all record start -->
<script type="text/javascript">
   
   $(document).ready(function() {
        $('#country_id').select2();
        $('#country').select2();
        $('#state_f').select2();
        $('#city_f').select2();
        $('#state_a').select2();
        $('#city_a').select2();
        $('#state_e').select2();
        $('#city_e').select2();
        $('#country_e').select2();
    });
   $("#contact-check-all").click(function(){
       $('input:checkbox[name="multicheck[]"]').not(this).prop('checked', this.checked);
   });


   function multiple_del(){
      var multicheck = []
      $("input[name='multicheck[]']:checked").each(function ()
      {
          multicheck.push(parseInt($(this).val()));
      });
      if(multicheck.length > 0){
          Swal.fire({
           title: 'Are you sure?',
           text: "Do you want to delete selected country!",
           icon: 'warning',
           showCancelButton: true,
           confirmButtonColor: '#3085d6',
           cancelButtonColor: '#d33',
           confirmButtonText: 'Yes'
           }).then((result) => {
           if (result.isConfirmed) {
               $.ajax({
                    url: "{{route('locality-multipleDel')}}",
                    method: 'post',
                    data: {ids: multicheck},
                })
                .done(function(obj) {
                    console.log(obj);
                    let result = JSON.parse(obj);
                    if(result.status){
                         mySuccessToast(result.message);
                         setTimeout(() => {
                           $('#contact-check-all').prop('checked', false);
                         }, 500);
                    }else{
                         myFaildToast('Something went wrong.');
                    }
                     $('#multi-column-ordering').DataTable().ajax.reload();
                });
           }else{
               // alert('false');
           }
       })
      }else{
         myFaildToast('Please select a record.');
      }


   }

//    function multiple_active(){
//       var multicheck = []
//       $("input[name='multicheck[]']:checked").each(function ()
//       {
//           multicheck.push(parseInt($(this).val()));
//       });
//       if(multicheck.length > 0){
//          Swal.fire({
//            title: 'Are you sure?',
//            text: "Do you want to make active selected country!",
//            icon: 'warning',
//            showCancelButton: true,
//            confirmButtonColor: '#3085d6',
//            cancelButtonColor: '#d33',
//            confirmButtonText: 'Yes'
//            }).then((result) => {
//            if (result.isConfirmed) {
//                 $.ajax({
//                     url: "{{route('zodiac-multipleActive')}}",
//                     method: 'post',
//                     data: {ids: multicheck},
//                 })
//                 .done(function(obj) {
//                     console.log(obj);
//                     let result = JSON.parse(obj);
//                     if(result.status){
//                          mySuccessToast(result.message);
//                          setTimeout(() => {
//                            $('#contact-check-all').prop('checked', false);
//                          }, 500);

//                      }else{
//                         myFaildToast('Something went wrong.');
//                      }
//                      $('#multi-column-ordering').DataTable().ajax.reload();
//                 });
//            }
//        })
//       }else{
//          myFaildToast('Please select a record.');
//       }
//    }

//    function multiple_deactive(){
//       var multicheck = []
//       $("input[name='multicheck[]']:checked").each(function ()
//       {
//           multicheck.push(parseInt($(this).val()));
//       });
//       if(multicheck.length > 0){
//          Swal.fire({
//            title: 'Are you sure?',
//            text: "Do you want to make deactive selected records!",
//            icon: 'warning',
//            showCancelButton: true,
//            confirmButtonColor: '#3085d6',
//            cancelButtonColor: '#d33',
//            confirmButtonText: 'Yes'
//            }).then((result) => {
//            if (result.isConfirmed) {
//               $.ajax({
//                  url: "{{route('zodiac-multipleDeactive')}}",
//                  method: 'post',
//                  data: {ids: multicheck},
//               })
//               .done(function(obj) {
//                   console.log(obj);
//                   let result = JSON.parse(obj);
//                   if(result.status){
//                       mySuccessToast(result.message);
//                       setTimeout(() => {
//                         $('#contact-check-all').prop('checked', false);
//                       }, 500);
//                   }else{
//                        myFaildToast('Something went wrong.');
//                   }
//                   $('#multi-column-ordering').DataTable().ajax.reload();
//               });
//            }
//        })
//       }else{
//          myFaildToast('Please select a record.');
//       }

//    }
</script>
<!-- footer script if required -->
@endsection