@extends('layouts.app')
@section('content')
<!-- END PAGE HEADER-->
<!-- BEGIN TAB PORTLET-->
<div class="row">
    <!-- BEGIN EXAMPLE TABLE PORTLET-->
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption font-dark">
                <i class="icon-settings font-dark"></i>
                <span class="caption-subject bold uppercase">@lang('menu.EmployeeSalaryCategory')</span>
            </div>
            <div class="tools"> </div> 
             <div class="btn-group pull-right">
                    @permission('employeeSalaryCategory-export')
                    {{Form::open(['route' => 'export.ExcelAll','method' => 'DELETE','class' => 'inline'])}}
                           <input type="hidden" name="type" value="employeeCategory"/>
                           <button type="submit" id="sample_editable_1_new"  class="btn btn-success"> <i class="fa fa-file-excel-o"></i> @lang('layout.Excel') </button>
                    {{Form::close()}}  
                    {{Form::open(['route' => 'export.PDFAll','method' => 'DELETE','class' => 'inline'])}}
                           <input type="hidden" name="type" value="employeeCategory"/>
                           <button type="submit" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                    {{Form::close()}}
                    @endpermission
                    @permission('employeeSalaryCategory-create')  
                    <a href="{{route('employeeSalaryCategoryCreate.create')}}">
                        <button class="btn btn-success">
                            <i class="fa fa-plus"></i> @lang('layout.AddNew')
                         </button>
                    </a>
                    @endpermission 
                </div>
        </div>
        <div class="portlet-body">
            <table class="table table-striped table-bordered table-hover" cellspacing="0" id="employeeCategory">
                <thead>
                <tr> 
                    {{--<th>#</th>--}}
                    <th>@lang('layout.Number')</th>
                    <th>@lang('layout.Name')</th>
                    <th>@lang('layout.Description')</th>
                    <th>@lang('layout.User')</th>
                    <th>@lang('layout.CreatedAt')</th>
                    <th>@lang('layout.UpdatedAt')</th>
                    <th>@lang('layout.Actions')</th>
                </tr>
                </thead> 
            </table>
        </div>
    </div>
    <!-- END EXAMPLE TABLE PORTLET-->
</div>
<!-- END TAB PORTLET-->
<!-- END CONTENT BODY -->
@stop
@push('scripts')
<script>
     $(document).ready(function() { 
        $.fn.dataTable.ext.errMode='{{dataTableWarning()}}';
        $('#employeeCategory').DataTable( {
            ajax:'{{route("employeeSalaryCategory.index")}}',
            pageLength:'{{getPageRows()}}',
            responsive:'{{responsiveDataTable()}}',
            pagingType:'{{paginationType()}}',
            scrollCollapse: true,
            serverSide: true,
            paging:         true,
            columns: [
            { data: 'id', name: 'id' },
            { data: 'name', name: 'name' },
            { data: 'description', name: 'description' },
            { data: 'username', name: 'username' },
            { data: 'created_at', name: 'created_at' },
            { data: 'updated_at', name: 'updated_at' },
            { data: 'action', name: 'action' ,orderable:false,searchable:false },
            ] 
    }); 
    });
</script>
@endpush