@extends('layouts.admin')
@section('content')

<div class="card">
    
    <div class="card-body">
        <table class=" table table-bordered table-striped table-hover ajaxTable datatable datatable-job">
            <thead>
                <tr>
                    <th>
                        {{ trans('cruds.job.fields.filename') }}
                    </th>
                    <th>
                        {{ trans('cruds.job.fields.logcount') }}
                    </th>
                    <th>
                        {{ trans('cruds.job.fields.warningcount') }}
                    </th>
                    <th>
                        {{ trans('cruds.job.fields.errorcount') }}
                    </th>
                    <th>
                        &nbsp;
                    </th>
                </tr>
            </thead>
        </table>


    </div>
</div>
@endsection
@section('scripts')
@parent
<script>
    $(function () {
  let dtButtons = $.extend(true, [], $.fn.dataTable.defaults.buttons)
  
  let dtOverrideGlobals = {
    buttons: dtButtons,
    processing: true,
    serverSide: true,
    retrieve: true,
    aaSorting: [],
    ajax: "{{ route('admin.jobfiles.index') }}",
    columns: [
{ data: 'filename', name: 'filename' },
{ data: 'log_count', name: 'log_count' },
{ data: 'warning_count', name: 'warning_count' },
{ data: 'error_count', name: 'error_count' },
{ data: 'actions', name: '{{ trans('global.actions') }}' }
    ],
    order: [[ 0, 'desc' ]],
    pageLength: 100,
  };
  $('.datatable-job').DataTable(dtOverrideGlobals);
    $('a[data-toggle="tab"]').on('shown.bs.tab', function(e){
        $($.fn.dataTable.tables(true)).DataTable()
            .columns.adjust();
    });
});

</script>
@endsection