@extends('layouts.nfse.nfse-painel')
@section('content')
    <div class="panel panel-default">
        <div class="panel-heading"><b>Gerar relatório em PDF</b></div>
        <div class="panel-body">
            <div class="row">
                <form action="{{route('nfse.extrato-iss-pago-un-pdf')}}" method="post" target="_blank">
                    @csrf
                    <div class="col-md-3">
                        <input type="text" name="cpfcnpj" id="cpfcnpj" class="form-control" placeholder="Digite o CNPJ/CPF" maxlength="14" onkeypress="return digitos(event);" required>
                    </div>
                    <div class="col-md-2">
                        <input type="text" name="dt_inicial" id="dt_inicial" class="form-control" required>
                    </div>
                    <div class="col-md-2">
                        <input type="text" name="dt_final" id="dt_final" class="form-control" required>
                    </div>
                    <input type="submit" class="btn btn-primary" value="Filtrar">
                </form>
            </div>
        </div>
    </div>

    <div class="card mt-4 mb-5">
        <div class="card-header">
            <b><i class="fa fa-th-list" aria-hidden="true"></i> &nbsp;Extrato (ISS Pago - Agrupado)</b>
        </div>
    </div>

    <div class="table-responsive mt-4">
        <table class="table table-hover table-sm data-table">
            <thead>
            <tr>
                <th width="10%">Nº BOLETO</th>
                <th width="10%">CPF/CNPJ</th>
                <th width="50%">PRESTADOR</th>
                <th width="10%">VLR. PAGO</th>
                <th width="10%">PAGAMENTO</th>
                <th width="10%">CRÉDITO</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
@endsection
@push('script')
    <script>
        $("#dt_inicial, #dt_final").mask("99/99/9999").datepicker();
        
        $(document).ready(function () {
            let table = $('.data-table').DataTable({
                iDisplayLength: 25,
                processing: true,
                serverSide: true,
                ajax: "{{ route('nfse.extrato-iss-pago-unificado') }}",
                order: [[0, "desc"]],
                columns: [
                    {data: 'numboleto', name: 'numboleto'},
                    {data: 'nfs_cpfcnpjprestador', name: 'nfs_cpfcnpjprestador'},
                    {data: 'nfs_razaosocialprestador', name: 'nfs_razaosocialprestador'},
                    {data: 'nfs_issvalorpag', name: 'nfs_issvalorpag'},
                    {data: 'nfs_issdatapag', name: 'nfs_issdatapag'},
                    {data: 'nfs_issdatacred', name: 'nfs_issdatacred'},
                ],
                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"
                    }
                },
            });
        });
    </script>
@endpush