@extends('reachassuree_admin/layouts.main')
@section('title', $data['title'])
@section('content')

<div class="page-content">
    <div class="container-fluid">
        <!-- start page title -->
        <h4 class="mb-sm-0 font-size-18">{{$data['title']}}</h4>
        <p align="right">  <button class="btn btn-primary waves-effect waves-light"> <a href="{{ route("reachassuree.admin.plan.feauture.form") }}" style="color:white">  Add Product </a></button> </p>
        <!-- end page title -->
        
        <!-- start row -->
        <div class="row">
            <div class="card">
                <div class="card-body">
                    <br>
                    <div class="table-responsive">
                        <table id="datatable" class="table align-middle table-nowrap table-hover table-striped dt-responsive nowrap w-100">
                          <thead class="table-light">
                          <tr>
                              <th>Action</th>
                              <th>Sr.No</th>
                              <th>Tr.Date </th>
                              <th>Product No</th>
                              <th>Product Name</th>
                              <th>Product Description </th>
                          </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                      @csrf
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->
    </div>
    <!-- container-fluid -->
</div>
<!-- End Page-content -->

@endsection
@section('custom-scripts')

<script src="{{ asset('assets/libs/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
<script src="{{ asset('assets/js/pages/jquery.form.js') }}"></script>
<script type="text/javascript">

var ajaxURLGetUsers='{{route("reachassuree.admin.plan.feauture.ajax")}}';
var deleteProduct="{{route('delete.prodcut')}}";
var isDeleted = '{{$data["is_deleted"]}}';
var csrfToken=$("[name=_token]").val();

var table=$('#datatable').DataTable({
  "aoColumnDefs": [{ "bSortable": false, "aTargets": [] }],
  "order":[[ 0, 'desc' ]],
  "processing": true,
  "serverSide": true,
  "scrollX": true,
  "scrollY": function() {return $(window).height() - 320;},
  "language": {"processing": '<button type="button" class="btn btn-dark waves-effect waves-light"><i class="bx bx-loader bx-spin font-size-16 align-middle me-2"></i> Processing...</button>'},
  "ajax": {
    "url": ajaxURLGetUsers,
    "type": "POST",
     "data": {"_token": csrfToken,}
  },
  "aoColumns" : [
    {"mData" : "action"},
    {"mData" : "id"},
    {"mData" : "tr_date"},
    {"mData" : "name"},
    {"mData" : "description"},

  ]
});
//- soft delete record
function productDelete(id){
  swal.fire({
  title: "Are you sure want to delete this?",
  text: "You won't be able to revert this!",
  showCancelButton: true,
  confirmButtonColor: "#526BDF",
  cancelButtonColor: "#EC6767",
  confirmButtonText: "Yes, delete it!",
  cancelButtonText: "No, cancel it!",
}).then((result) => {
  if (result.isConfirmed) {
    remove(id);
  }});
}
function remove(id){
  $.ajax({
      type: 'GET',
      url: deleteProduct + "?id=" + id,
      success: function(resultData) {
          if (resultData['status'] == 1) {
              toastr["success"](resultData['msg']);
              $('#datatable').DataTable().ajax.reload(null, false);
          }  
      }
    });
}


</script>

@endsection