@extends('layouts.app')
@section('title', __('Manage Pincode'))
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
   <h1>Manage Pincode</h1>
    <ol class="breadcrumb" style='margin-right:20px'>
    <!-- <div >
                  <a href="{{url('/save-notification')}}" > <button type="button" class="btn btn-block btn-primary" 
                     data-href=""  data-container="">
                  <i class="fa fa-plus"></i> Add </button></a>
               </div>
      </ol>  -->
</section>
<!-- Main content -->
<section class="content">
   @component('components.widget', ['class' => 'box-primary'])
   <div class="clearfix"></div>
   <div class="clearfix"></div>
   <div class="row">
   <form id="frmpincode">
        @csrf
      <div class="col-md-12" >
        <div class="col-sm-3">
          <div class="form-group">
            <label for="share">Select Location:</label>
            <select class="form-control"  name="location_id"   >
                  <option value="" >Select Location</option>
                @foreach($businessLocation as $businessLoc)
                   <option value="{{$businessLoc->id}}" >{{$businessLoc->name}}({{$businessLoc->location_id}})</option>
                @endforeach
            </select>

           </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <label for="share">Pin Code:</label>
              <input class="form-control" name="pincode" placeholder="Pin Code (6 digits)" type="text"   required>
          </div>
        </div>

       <div class="col-sm-3">
          <div class="form-group">
            <label for="share">Area Name:</label>
              <input class="form-control" name="area_name" placeholder="Area Name" type="text"  required>
          </div>
        </div>

         <div class="col-md-1">
            <div class="form-group">
               <div >
              <br/>
               <button type="submit" class="btn btn-primary" >Add</button>
               </div>
            </div>
         </div>
      </div>
   </form>  
   </div>
   <div>
      <h3 class="text-primary" style="border-bottom:2px solid blue;">Pincode Listing</h3>
   </div>
   <div class="row">
      <div class="col-md-12" >
         <div class="active" >
           
            <table class="table table-bordered data-table dataTable"  id="prime_info_table" >
               <thead>
                  <tr>
                     <th>SL No.</th>
                     <th>Location</th>
                     <th>Pin Code</th>
                     <th>Area Name</th>
                     <th>Action</th>
                  </tr>
               </thead>
              
               <tbody>
               </tbody>
            </table>
         </div>
      </div>
   </div>
   @endcomponent
   {!! Form::close() !!}
</section>
<!-- /.content -->
@endsection
@section('javascript')
@php $asset_v = env('APP_VERSION'); @endphp
<script src="{{ asset('js/product.js?v=' . $asset_v) }}"></script>

<script>

$(document).ready(function() {
     var i = 1;
     
      // $('.dataTable').DataTable({
       prime_info_table = $('#prime_info_table').DataTable({
       processing: true,
       serverSide: true,
      ajax: "{{ route('show-pincode')}}",
       columns: [
                {
               data: 'DT_Row_Index',
               name: 'DT_Row_Index',
               orderable: false,
               searchable: false
               },
               { data: 'name', name: 'name' },
               { data: 'pincode', name: 'pincode' },
               { data: 'area_name', name: 'area_name' },
               { data: 'action' ,name:'action'}
             ]
     });
   });


      $('#frmpincode').on('submit', function(e) {
          e.preventDefault();
       
          FormRequest = new FormData(this);
          
               $.ajax({
                url:"{{route('save-pincode') }}",
                  type: "POST",
                  data:FormRequest,
                  processData: false,
                  contentType: false,
                  dataType:'json',
                  success: function(dataResult){
                    console.log(dataResult.success);
                     if(dataResult.success=='success'){
                       alert("pincode added successfully"); 
                       // Reload DataTable
                       prime_info_table.ajax.reload();
                     }
                      else{
                         alert("Error occured !");
                      }
                      
                  }
              });
          
      });


      $('#prime_info_table').on('click','.deletePincode',function(){
            var id = $(this).data('id');
alert(id);
            var deleteConfirm = confirm("Are you sure?");
            if (deleteConfirm == true) {
                 // AJAX request
                 $.ajax({
                     url: "{{ route('delete-pincode') }}",
                     type: 'post',
                     data: {id: id},
                     success: function(response){
                          if(response.success == 1){
                               alert("Record deleted.");

                               // Reload DataTable
                               prime_info_table.ajax.reload();
                          }else{
                                alert("Invalid ID.");
                          }
                     }
                 });
            }

       });

    </script>
@endsection