@extends('layouts.transparencia.painel')
@section('content')
    <h3 class="page-header"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span> Histórico de lote(s) enviado(s) (MG Folha Pagamento)</h3>
    <div style="min-height: 500px; margin-top: 60px">
        <div class="table-responsive">
            <table class="table table-hover data-table">
                <thead>
                <tr>
                    <th width="5%">ID</th>
                    <th width="10%">DATA ENVIO</th>
                    <th width="10%">DATA LOTE</th>
                    <th width="10%">ANO LOTE</th>
                    <th width="10%">MÊS LOTE</th>
                    <th width="10%">PARCELA LOTE</th>
                    <th width="5%">TIPO</th>
                    <th width="30%">ENVIADO POR</th>
                    <th width="10%">GERENCIAR</th>
                </tr>
                </thead>
            </table>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-12">
                <a href="{{route('processar-holerite.create')}}" class="btn btn-primary"><i class="fa fa-plus-square" aria-hidden="true"></i> Novo Lote</a>
            </div>
        </div>
        <hr>
    </div>
@endsection
@push('script')
    <script type="text/javascript">
        $(document).ready(function () {
            let oTable = $('.data-table').DataTable({
                searching: false,
                lengthChange: false,
                iDisplayLength: 6,
                processing: true,
                serverSide: true,
                ordering: false,
                //order: [[2, "asc"]],
                ajax: {
                    data: function (d) {
                        // d.codigo = $('input[name=codigo]').val();
                    }
                },
                columns: [
                    {data: 'codigo', name: 'codigo'},
                    {data: 'lote_dataenvio', name: 'lote_dataenvio'},
                    {data: 'lote_data', name: 'lote_data'},
                    {data: 'lote_ano', name: 'lote_ano'},
                    {data: 'lote_mes', name: 'lote_mes'},
                    {data: 'lote_parcela', name: 'lote_parcela'},
                    {data: 'lote_tipo', name: 'lote_tipo'},
                    {data: 'enviado', name: 'enviado'},
                    {data: 'acao', name: 'acao', 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"
                    }
                }
            });

            $('#codigo,#n_referencia,#titulo').keyup(function () {
                oTable.draw();
            });

            $('#d_publicacao').change(function () {
                oTable.draw();
            });

            $(document).on("click", '.deleteRecord', function () {
                let id = $(this).attr('data-id');
                let token = $("meta[name='csrf-token']").attr("content");

                const httpUrl = urlBase + '/transparencia/painel/processar-holerite';

                if (window.confirm("Deseja excluir registro?")) {
                    console.log(httpUrl)
                    console.log(id)
                    $.ajax(
                        {
                            url: httpUrl + "/" + id,
                            type: 'DELETE',
                            data: {
                                "id": id,
                                "_token": token,
                            },
                            success: function () {
                                $.blockUI({
                                    message: '<div class="alert alert-success alert-dismissible" role="alert"><strong><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Parabéns: </strong> registro excluído com sucesso (:',
                                    timeout: 1500,
                                    onOverlayClick: $.unblockUI
                                });
                                oTable.draw();
                            },
                            error: function (data) {
                                if (data.status === 405) {
                                    alert('Você não tem permissão para esta ação.')
                                }
                            }
                        });
                }
            });
        });

        $(function () {
            $('#d_publicacao').mask('99/99/9999').datepicker()
        })
    </script>
@endpush