@extends('panel.layouts.app')
@section('page-title')
<title>{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Employees</title>
@stop
@section('content')
<div class="content-wrapper">
  @include('common.success')
  <section class="content">
    <div class="box box-datatable">
      <div class="box-primary">
        <div class="box-header with-border">
          <i class="fa fa-cube"></i>
          <h3 class="box-title">Employees</h3>
          <div class="box-tools box-tools-common pull-right">
            @if(LaraCore::canOrNot('delete_employee'))
            {{-- <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" title="Delete selected items" id="deleteAll"><i class="fa fa-trash"></i></a> --}}
            <button type="button" class="btn btn-box-tool show-tooltip hide" id="deleteAll" name="remove_employee" data-toggle="modal" data-target="#delete_employee_modal"><i class="fa fa-trash"></i></button>
            @endif
            <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip search-box"
            onclick="ToggleDataTable('employee_grid')"
            title="Search"><i class="fa fa-search"></i></a>
            @if(LaraCore::canOrNot('add_employee'))
            <a href="{{ route('employees.create') }}" class="btn btn-box-tool show-tooltip" title="Add Employee"><i class="fa fa-plus"></i></a>
            @endif
          </div>
        </div>
        <div class="box-body">
          <div class="table-responsive">
            <table id="employee_grid" class="table table-bordered table-hover ">
              <thead>
                <tr>
                  <th></th>
                  <th>
                    @if(LaraCore::canOrNot('delete_employee'))
                    <input name="select_all" type="checkbox"  class="minimal" id="bulk_delete" data-scope="#employee_grid" /> 
                    {{-- {{Form::checkbox('select_all','',false,['class'=>' minimal checkAll'])}} --}}
                    {{-- <input name="select_all" type="checkbox"  class="minimal" id="bulk_delete" data-scope="#assignments-grid" /> --}}
                    @endif
                  </th>
                  <th>Name</th>
                  <th>Email</th>
                  <th>Phone</th>
                  <th>Address</th>
                  <th>Joining Date</th>
                  <th>Actions</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table> 
          </div>
        </div>
      </div>
    </div>
    @include('common.modal.delete_confirm_modal',[
      'entity' =>  'employee'
      ])
    </section>
    @stop
    @section('custom-scripts')
    <script>
      var employee_grid = ""
      var rows_selected = "";
      $(document).ready(function(){
        employee_grid = $('#employee_grid').DataTable({
          language: { "emptyTable": "{{ LaraCore::setting('no_records') }}" },
          "order": [ 0, "desc" ],
          serverSide: true,
          ajax: {
            url: '{{route("employees.list")}}',
            type: 'POST',
          },
          columns: [
          {data: 'id',            name: 'id',           visible:   false, searchable: false},
          {data: 'bulk_delete',   name: 'bulk_delete',  orderable: false, searchable:false},
          {data: 'name',          name: 'name'},
          {data: 'email',         name: 'email'},
          {data: 'phone',         name: 'phone'},
          {data: 'address1',      name: 'address1'},
          {data: 'joining_date',  name: 'joining_date'},
          {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('#employee_grid', employee_grid);
        //$('#deleteAll').hide();
      });

      // $('#delete_employee_modal').on('show.bs.modal', function (event) {
      //   var action = $(event.relatedTarget).data('action');
      //   $(event.currentTarget).find('form').attr('action', action);
      // });

      // $(document).on('click', '#deleteAll', function(e){
      //   $('#delete_employee_modal').modal('show');
      // });

    //$(document).on('click', '#delete_employee', function(e){
      $(document).on('click', 'button[name="remove_employee"]', function(e){
        e.preventDefault();
        var employee_id = $(this).data('id') || "";
        if(employee_id != ""){
          deselect_all();
          $('#employee_grid tbody input[type="checkbox"].entity_chkbox:checked').iCheck('uncheck');
          rows_selected.push(employee_id);
        }

        var employee_ids = rows_selected;
        var formData = {employee_ids :employee_ids};
        $('#delete_employee_modal').modal({ backdrop: 'static', keyboard: false });
        $('#delete_employee_modal').find('#delete_employee').bind('click', function() {
          var url = APP_URL+"/employees-delete";
          $.ajax({
            type: "POST",
            url: url,
            data: formData,
            dataType: "json",
            success: function (data) {
              employee_grid.draw();
              $('#delete_employee_modal').modal('hide');
              DisplayMessages(data['message']);
            //$('#deleteAll').hide();
          },
          error: function (jqXHR, exception) {
            var Response = jqXHR.responseText;          
            Response = $.parseJSON(Response);
            DisplayMessages(Response.message,'error');
          }
        });
        });
        // var ListTable = $('#employee_grid');
        // var ListTbody = $(ListTable).find('tbody'); 

        // var CheckBoxes = $(ListTbody).find('input[type="checkbox"]');        
        // var Selected = $(ListTbody).find("input[type=checkbox]:checked").map(function () {
        //   return this.value;
        // }).get().join(",");
        // var url = APP_URL+"/employees/"+Selected;
        // if(Selected == ''){
        //   var form = $(this).parent('form');
        //   url = $(form).attr('action');
        // }
        // $.ajax({
        //   type: "POST",
        //   url: url,
        //   data: {},
        //   dataType: "json",
        //   success: function (data) {
        //     employee_grid.draw();
        //     $('#delete_employee_modal').modal('hide');
        //     DisplayMessages(data['message']);
        //     //$('#deleteAll').hide();
        //   },
        //   error: function (jqXHR, exception) {
        //     var Response = jqXHR.responseText;          
        //     Response = $.parseJSON(Response);
        //     DisplayMessages(Response.message,'error');
        //   }
        // });
      });

      $('.modal').on('hidden.bs.modal',function(){    
        $('.modal').find("#delete_employee").unbind( "click" );
        // $('.alert-danger').hide();
      })
    </script>
    @stop