@extends('layouts.contracheque.contracheque')
@section('content')
    <div class="card text-center mt-4 mb-4">
        <div class="card-header">
            <div class="row">
                <div class="col-md-6 text-left">
                    <h3>Gerenciador(es)</h3>
                </div>
                <div class="col-md-2 offset-4">
                    <ul class="nav nav-pills card-header-pills">
                        <li class="nav-item">
                            <a class="nav-link active" href="{{route('gerenciador.create')}}"><i class="fa fa-file-o" aria-hidden="true"></i>&nbsp;Incluir Acesso</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table table-hover table-sm data-table">
            <thead>
            <tr>
                <th width="5%">ID</th>
                <th width="10%">CPF</th>
                <th width="75%">NOME</th>
                <th width="5%">ATIVO</th>
                <th width="5%"></th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td></td>
            </tr>
            </tbody>
        </table>
    </div>
@endsection
@push('script')
    <script>
        $(document).ready(function () {
            let table = $('.data-table').DataTable({
                iDisplayLength: 25,
                processing: true,
                serverSide: true,
                ajax: "{{ route('gerenciador.index') }}",
                order: [[2, "asc"]],
                columns: [
                    {data: 'id', name: 'id'},
                    {data: 'cpf', name: 'cpf'},
                    {data: 'nome', name: 'nome'},
                    {data: 'ativo', name: 'ativo'},
                    {data: 'btn_action', name: 'btn_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...",
                    //"sProcessing": "<img src='img/ajax-loader.gif'/>",
                    "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"
                    }
                },
            });
        });

        /** exclusão p/ laravel */
        $(document).on("click", '.deleteRecord', function () {
            let id = $(this).attr('data-id');
            let token = $("meta[name='csrf-token']").attr("content");
            if (window.confirm("Deseja excluir registro?")) {
                $.ajax(
                    {
                        url: urlBase + '/contracheque/painel/gerenciador/' + 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
                            });

                            $('.data-table').DataTable().ajax.reload();
                        },
                        error: function (data) {
                            if (data.status === 405) {
                                alert('Você não tem permissão para esta ação.')
                            }
                        }
                    });
            }
        });
    </script>
@endpush