@extends('panel.layouts.app')
@section('page-title')
<title>
  {{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} listall</title>
  @stop
  @section('content')
  <div class="content-wrapper">
    <section class="content">
      <div class="box box-default">
        <div class="box-header with-border">
          <i class="fa fa-cube"></i>
          <h3 class="box-title">
            Listall
          </h3>
          <div class="box-tools box-tools-common pull-right">
            @if(LaraCore::canOrNot('delete_listall'))
            <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" data-toggle="modal" data-target="#delete_listall_modal"  title="Delete selected items" id="deleteAll" name="remove_listall">
              <i class="fa fa-trash"></i>
            </a>
            
            @endif
            <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" onclick="ToggleDataTable('listall-grid')" title="Search"><i class="fa fa-search"></i></a>

            <a href="{{route("listall.create")}}" class="btn btn-box-tool show-tooltip" title="Add listall"><i class="fa fa-plus"></i></a>

          </div>

        </div>
        <div class="box-body">
          <div class="table-responsive">
           <table id="listall-grid" class="table table-bordered table-hover ">
            <thead>
              <th>Id</th> 
              <th class="text-center">
                @if(LaraCore::canOrNot('delete_listall'))
                <input name="select_all" type="checkbox"  class="minimal" id="bulk_delete" data-scope="#listall-grid" /> 
                @endif
              </th>        
                                                                      <th>Designation (List)</th>
                                                                                                  <th>Department (ListMulti)</th>
                                                                                                  <th>City (ListDynamic)</th>
                                                                                                  <th>Dept (ListDynamicM)</th>
                                                                                                  <th>Code (ListDB)</th>
                                                        <th>&nbsp;</th>  
            </thead>
            <tbody>
            </tbody>
          </table> 
        </div>
      </div>
    </div>
    @include('common.modal.delete_confirm_modal',[
      'entity' =>  'listall'
      ])
    </section>
    @stop
    @section('custom-scripts')

    <script type="text/javascript">
      var rows_selected = "";
      $(document).ready(function () {
        listallTable = $('#listall-grid').DataTable({
          'language': { "emptyTable": '{{LaraCore::setting('no_records')}}' },
          "aLengthMenu": [[10, 20, 30, 40, 50], [10, 20, 30, 40, 50]],
          "order": [ 0, "desc" ],
          processing: true,
          serverSide: true,
          ajax: {
            url : '{{route("listall.list")}}',
            type: 'POST',
          },
          columns: [
          {data: 'id', name: 'id',visible: false,searchable: false},
          {data: 'bulk_delete', name: 'bulk_delete',orderable: false,searchable: false, width: '5%', className: 'text-center', visible: '{{LaraCore::canOrNot("delete_listall")}}' },
                                                  {data: 'designation', name: 'designation'},
                              
                                                  {data: 'department', name: 'department'},
                              
                                                  {data: 'city', name: 'city'},
                              
                                                  {data: 'state', name: 'state'},
                              
                                                  {data: 'code', name: 'code'},
                              
                    {data: 'actions', name: 'actions', orderable:false,searchable:false},
          ],'rowCallback': function(row, data, dataIndex){
            var rowId = data['id']; // Get row ID
            if($.inArray(rowId, rows_selected) !== -1){
              $(row).find('.entity_chkbox').prop('checked', true);
              $(row).addClass('selected');
            }
          },          
        });
        initSelectAll('#listall-grid', listallTable);
      });

      /* if delte for specific enitity is click deselect all selected entity */
      $(document).on('click', 'button[name="remove_listall"]', function(e){
        e.preventDefault();
        var listall_id = $(this).data('id') || "";
        if(listall_id != ""){
          deselect_all();
          $('#listall-grid tbody input[type="checkbox"].entity_chkbox:checked').iCheck('uncheck');
          rows_selected.push(listall_id);
          $('#delete_listall_modal').modal('show');
        }
      });

      $(document).on('click', '#delete_listall', function(e){
        var listall_ids = rows_selected;
        var formData = { listall_ids :listall_ids };
        var url = APP_URL+"/listall-delete";
        $.ajax({
          type: "POST",
          url: url,
          data: formData,
          dataType: 'json',
          success: function (data) {
            listallTable.draw();
            $('#delete_listall_modal').modal('hide');
            DisplayMessages(data['message']);
          },
          error: function (jqXHR, exception) {
            var Response = jqXHR.responseText;          
            Response = $.parseJSON(Response);
            DisplayMessages(Response.message,'error');
          }
        });

      });

      

    </script>
    @stop