@extends('layouts.tributos')
@section('content')
    <div class="panel panel-default">
        <div class="panel-heading"><b>Pesquisar</b></div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-2">
                    <form name="FrmPorCodigo" action="" method="post">
                        <input type="text" name="codigo" id="codigo" class="form-control" placeholder="Por código"
                               maxlength="8" onkeypress="return digitos(event);" required>
                    </form>
                </div>
                <div class="col-md-4">
                    <form name="FrmPorNome" action="" method="post">
                        <input type="text" name="contribuinte" id="contribuinte" class="form-control"
                               placeholder="Por contribuinte" required>
                    </form>
                </div>

                <div class="col-md-2">
                    <form name="FrmPorCpfCnpj" action="" method="post">
                        <input type="text" name="cpfcnpj" id="cpfcnpj" class="form-control"
                               placeholder="Por CPF ou CNPJ" maxlength="14" onkeypress="return digitos(event);"
                               required>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <h3 class="page-header"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span> Facilita Alagoas
        (Consulta Prévia)</h3>
    <table class="table table-hover data-table">
        <thead>
        <tr>
            <th width="10%">PROTOCOLO</th>
            <th width="5%">DATA</th>
            <th width="40%">NOME DO SOLCITANTE</th>
            {{--            <th width="5%">SITUAÇÃO</th>--}}
            <th width="30%">ATO</th>
            <th width="10%">GERÊNCIAR</th>
        </tr>
        </thead>
    </table>
@endsection
@push('script')
    <script type="text/javascript">
        $(document).ready(function () {
            var oTable = $('.data-table').DataTable({
                searching: false,
                lengthChange: false,
                iDisplayLength: 15,
                processing: true,
                serverSide: true,
                ordering: false,
                ajax: {
                    data: function (d) {
                        d.codigo = $('input[name=codigo]').val();
                        d.contribuinte = $('input[name=contribuinte]').val();
                        d.cpfcnpj = $('input[name=cpfcnpj]').val();
                        //d.ano = $('select[name=ano]').val();
                    }
                },
                columns: [
                    {data: 'cod_protocolo_redesim', name: 'cod_protocolo_redesim'},
                    {data: 'dt_solicitacao', name: 'dt_solicitacao'},
                    {data: 'solicitante_nome', name: 'solicitante_nome'},
                    // {data: 'atividade_principal', name: 'atividade_principal'},
                    {data: 'evento', name: 'evento'},
                    {data: 'view_edit', name: 'view_edit', 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"
                    }
                }
            });

            $('#contribuinte, #codigo, #cpfcnpj').keyup(function () {
                oTable.draw();
            });
            $('#ano').change(function () {
                oTable.draw();
            });
        });
    </script>
@endpush