@extends('Layouts.erp_master')
@section('content')

<!-- Page -->
  <div class="row">
      <div class="col-lg-12">
          <table class="table w-full table-hover table-bordered table-striped clsDataTable">
              <thead class="text-center">
                    <tr>
                        <th style="width:5%;">SL</th>
                        <th>Title</th>
                        <th>Day</th>
                        <th>Effective Day</th>
                        <th>Company</th>
                        <th style="width:15%;">Action</th>
                    </tr>
              </thead>
          </table>
      </div>
  </div>
<!-- End Page -->

<script>
  function fnDelete(RowID) {
      /**
       * para1 = link to delete without id
       * para 2 = ajax check link same for all
       * para 3 = id of deleting item
       * para 4 = matching column
       * para 5 = table 1
       * para 6 = table 2
       * para 7 = table 3
       */

      fnDeleteCheck(
          "{{url('gnl/compholiday/delete/')}}",
          "{{url('/ajaxDeleteCheck')}}",
          RowID,
          // "{{base64_encode('group_id')}}",
          // "{{base64_encode('is_delete,0')}}",
          // "{{base64_encode('gnl_companies')}}"
      );
  }
  $(document).ready(function () {
      ajaxDataLoad();
  });

  function ajaxDataLoad() {

      $('.clsDataTable').DataTable({
          destroy: true,
          // retrieve: true,
          processing: true,
          serverSide: true,
          order: [
              [1, "DESC"]
          ],
          stateSave: true,
          stateDuration: 1800,
          ordering: false,
          // lengthMenu: [[10, 20, 30, 50], [10, 20, 30, 50]],
          "ajax": {
              "url": "{{route('gnlHrComHolDatatable')}}",
              "dataType": "json",
              "type": "post",
          },
          columns: [
              {
                  data: 'id',
                  className: 'text-center'
              },
              {
                  data: 'ch_title',
              },
              {
                  data: 'ch_day',
              },
            //   {
            //       data: 'ch_description',
            //   },
              {
                  data: 'ch_eff_date',
                  className: 'text-center'
              },
              {
                  data: 'comp_name',
              },
              {
                  data: 'action',
                  className: 'text-center'
              },

          ],
          'fnRowCallback': function (nRow, aData, Index) {
              var actionHTML = jsRoleWisePermission(aData.action.set_status, aData.action.action_name,
                  aData.action.action_link);
              $('td:last', nRow).html(actionHTML);
          }

      });
  }
</script>

@endsection