@extends('dashboard.layouts.index')
@section('page_title')
    @lang('global.Log_FingerPRint')
@stop
@section('breadcrumb')

    <div class="breadcrumb-item">
        @lang('global.Log_FingerPRint')
    </div>
@stop

@section('content')
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body p-4">
                        <div class="table-responsive">
                            <table class="table table-striped" id="table-user">
                                <thead>
                                <tr>
                                    <th class="text-center">
                                        <i class="fas fa-th"></i>
                                    </th>
                                    <th>@lang("global.employee")</th>
                                    <th>@lang("global.workplace")</th>
                                    <th>@lang("global.company_name")</th>
                                    <th>@lang("global.value")</th>
                                    <th>@lang("global.created_at")</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @stop
@push('js')
    <script>
        $(function () {
            var table = $("#table-user").DataTable({
                oLanguage: {
                    "sSearch": "@lang('global.search')",
                    "sLengthMenu": "@lang('global.show') _MENU_ @lang('global.record')",
                    "sZeroRecords": "@lang('global.zero_records')",
                    "sInfo": "@lang('global.showing')  _START_ @lang('global.to') _END_ @lang('global.of') _TOTAL_ @lang('global.entries')",
                    'sInfoEmpty': "@lang('global.zero_pages')",
                    "sProcessing": "@lang('global.processing')",
                    oPaginate: {
                        "sFirst": "@lang('global.first')",
                        "sLast": "@lang('global.last')",
                        "sNext": "@lang('global.next')",
                        "sPrevious": "@lang('global.previous')"
                    },
                },
                dom: 'Bfrtip',
                 buttons: [
                 'copy', 'csv', 'excel', 'pdf', 'print'
                ],
                processing: true,
               serverSide: false,
                autoWidth: false,
                ordering: false,
                ajax: '{{route("dashboard.log_finger_print.datatableLogFingerPrint")}}',
                columns: [
                    {data: 'id', name: 'id'},
                    {data: 'employee', name: 'employee'},
                    {data: 'workplace', name: 'workplace'},
                    {data: 'company', name: 'company'},
                    {data: 'value', name: 'value'},
                    {data: 'created_at', name: 'created_at'},
                    // {data: 'actions', name: 'actions'},
                ],
            });
            App.reloadTable = function () {
                table.ajax.reload();
            }
        });
    </script>

@endpush