@extends('layouts.nfse.nfse-painel')
@section('content')
    {{--    <div class="card text-center mt-4">--}}
    {{--        <div class="card-header">--}}
    {{--            <ul class="nav nav-pills card-header-pills">--}}
    {{--                <li class="nav-item">--}}
    {{--                    <a class="nav-link active" href="{{route('prestador.create')}}"><i class="fa fa-file-o" aria-hidden="true"></i>&nbsp; Novo</a>--}}
    {{--                </li>--}}
    {{--            </ul>--}}
    {{--        </div>--}}
    {{--    </div>--}}

    <div class="card text-center mt-4 mb-4">
        <div class="card-header">
            <div class="row">
                <div class="col-md-5 text-left">
                    <h3>Lista de Prestador(es)</h3>
                </div>
                <div class="col-md-1 offset-6">
                    <ul class="nav nav-pills card-header-pills">
                        <li class="nav-item">
                            <a class="nav-link active" href="{{route('prestador.create')}}"><i class="fa fa-file-o" aria-hidden="true"></i>&nbsp; Novo</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-2">
            <label for="">Por situação</label>
            <select id="filter_situacao" class="form-control" required>
                <option value="" selected>Todos</option>
                <option value="1">Solicitações</option>
                <option value="2">Liberados</option>
                <option value="3">Bloqueados</option>
            </select>
        </div>
    </div>

    <div class="table-responsive mt-4">
        <table class="table table-hover table-sm data-table">
            <thead>
            <tr>
                <th width="5%">ID</th>
                <th width="10%">CNPJ</th>
                <th width="42%">RAZÃO SOCIAL</th>
                <th width="30%">RESPONSÁVEL</th>
                <th width="8%">CONTATO</th>
                <th width="5%">AÇÃO</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
@endsection
@push('script')
    <script>
        $(document).ready(function () {
            {{--let table = $('.data-table').DataTable({--}}
            {{--    iDisplayLength: 25,--}}
            {{--    processing: true,--}}
            {{--    serverSide: true,--}}
            {{--    ajax: "{{ route('prestador.index') }}",--}}
            {{--    order: [[0, "desc"]],--}}
            {{--    columns: [--}}
            {{--        {data: 'nfs_codigoprestador', name: 'nfs_codigoprestador'},--}}
            {{--        {data: 'nfs_cpfcnpjprestador', name: 'nfs_cpfcnpjprestador'},--}}
            {{--        {data: 'nfs_razaosocialprestador', name: 'nfs_razaosocialprestador'},--}}
            {{--        {data: 'nfs_responsavelprestador', name: 'nfs_responsavelprestador'},--}}
            {{--        {data: 'nfs_celularprestador', name: 'nfs_celularprestador', orderable: false, searchable: false},--}}
            {{--        {data: 'bt-action', name: 'bt-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"--}}
            {{--        }--}}
            {{--    },--}}
            {{--});--}}

            function listEmitido(situacao = '') {
                let table = $('.data-table').DataTable({
                    iDisplayLength: 25,
                    //"bPaginate": false,
                    //"searching": false,
                    processing: true,
                    serverSide: true,
                    ajax: {
                        url: "{{ route('prestador.index') }}",
                        data: {situacao: situacao}
                    },
                    order: [[0, "desc"]],
                    columns: [
                        {data: 'nfs_codigoprestador', name: 'nfs_codigoprestador'},
                        {data: 'nfs_cpfcnpjprestador', name: 'nfs_cpfcnpjprestador'},
                        {data: 'nfs_razaosocialprestador', name: 'nfs_razaosocialprestador'},
                        {data: 'nfs_responsavelprestador', name: 'nfs_responsavelprestador'},
                        {
                            data: 'nfs_celularprestador',
                            name: 'nfs_celularprestador',
                            orderable: false,
                            searchable: false
                        },
                        {data: 'bt-action', name: 'bt-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"
                        }
                    },
                });
            }

            listEmitido()

            $('#filter_situacao').change(function () {
                $('.data-table').DataTable().destroy();
                listEmitido($(this).val());
            });
        });
    </script>
@endpush