@extends('layouts.pontoe.painel')
@section('content')
    <div class="p-3 mt-2 mb-4 bg-light text-dark border-bottom"><h3>Folha de Ponto - Diário</h3></div>

    {{--<form action="" method="post" role="form">
        <legend>Por Período</legend>
        <div class="form-group">
            <input type="text" class="form-control" name="" id="">
            <button type="submit" class="btn btn-primary">Filtrar</button>
        </div>
    </form>--}}

    <div class="table-responsive mt-5">
        <table class="table table-hover data-table" width="100%">
            <thead>
            <tr>
                <th width="5%">Data</th>
                <th width="35%">Servidor</th>
                <th width="5%">Início</th>
                <th width="5%">Fim</th>
                <th width="10%">Tempo</th>
                <th width="5%">Início</th>
                <th width="5%">Fim</th>
                <th width="6%">Tempo</th>
                <th width="5%"></th>
            </tr>
            </thead>
        </table>
    </div>
@endsection
@push('script')
    <script type="text/javascript">
        $(document).ready(function () {
            $('.data-table').DataTable({
                iDisplayLength: 25,
                processing: true,
                serverSide: true,
                order: [[0, "desc"]],
                ajax: "{{ route('p_rel_folha_ponto') }}",
                columns: [
                    {data: 'data_ponto', name: 'data_ponto'},
                    {data: 'servidor', name: 'servidor'},
                    {data: 'hora_entrada_t1', name: 'hora_entrada_t1'},
                    {data: 'hora_saida_t1', name: 'hora_saida_t1'},
                    {data: 'hora_trabalhada_t1', name: 'hora_trabalhada_t1'},
                    {data: 'hora_entrada_t2', name: 'hora_entrada_t2'},
                    {data: 'hora_saida_t2', name: 'hora_saida_t2'},
                    {data: 'hora_trabalhada_t2', name: 'hora_trabalhada_t2'},
                    {data: 'action', name: 'action', orderable: false, searchable: false}
                ],
                language: {
                    "sEmptyTable": "Nenhum registro encontrado",
                    "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                    "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
                    "sInfoFiltered": "(Filtrados de _MAX_ registros)",
                    "sInfoPostFix": "",
                    "sInfoThousands": ".",
                    "sLengthMenu": "_MENU_ resultados por página",
                    "sLoadingRecords": "Carregando...",
                    "sProcessing": "Processando...",
                    "sZeroRecords": "Nenhum registro encontrado",
                    "sSearch": "Pesquisar",
                    "oPaginate": {
                        "sNext": "Próximo",
                        "sPrevious": "Anterior",
                        "sFirst": "Primeiro",
                        "sLast": "Último"
                    },
                    "oAria": {
                        "sSortAscending": ": Ordenar colunas de forma ascendente",
                        "sSortDescending": ": Ordenar colunas de forma descendente"
                    }
                },
            });
        });
    </script>
@endpush