@extends('layouts.nfse.nfse-home')
@section('content')
    <div class="card mt-4 mb-5">
        <div class="card-header">
            <b><i class="fa fa-th-list" aria-hidden="true"></i>&nbsp;Financeiro</b>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading"><b>Filtrar por período:</b></div>
        <div class="panel-body">
            <div class="row input-daterange">
                <div class="col-md-2">
                    <input type="text" name="from_date" id="from_date" class="form-control" placeholder="Data Inicial"
                           readonly/>
                </div>
                <div class="col-md-2">
                    <input type="text" name="to_date" id="to_date" class="form-control" placeholder="Data Final"
                           readonly/>
                </div>
                <div class="col-md-4">
                    <button type="button" name="filter" id="filter" class="btn btn-primary">Filtrar</button>
                    <button type="button" name="refresh" id="refresh" class="btn btn-default">Todos</button>
                </div>
            </div>
        </div>
    </div>
    <hr>

    <div class="row mt-4">
        <div class="col-md-9">
            <div class="table-responsive">
                <h5>Extrato: ISS em ABERTO</h5>
                <table class="table table-hover data-table">
                    <thead>
                    <tr>
                        <th width="10%">Nº NOTA</th>
                        <th width="15%">VALOR ISS</th>
                        <th width="10%">VENCIMENTO</th>
                        <th width="55%">PAGAMENTO</th>
                        <th width="5%"></th>
                        <th width="5%"></th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-white bg-primary mb-3">
                <div class="card-body">
                    * Receita bruta até {{$arrecadacao['periodo']}}
                    <h4><b>&nbsp;&nbsp;{{'R$ ' . formatVlrReal($arrecadacao['valores'])}}</b></h4>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script>
        $(document).ready(function () {
            $('.input-daterange').datepicker({
                todayBtn: 'linked',
                format: 'dd/mm/yyyy',
                language: 'pt-BR',
                autoclose: true
            });
            load_data();

            function load_data(from_date = '', to_date = '') {
                $('.data-table').DataTable({
                    iDisplayLength: 25,
                    processing: true,
                    serverSide: true,
                    ajax: {
                        url: '{{ route("nfse.dashboard-financeiro") }}',
                        data: {from_date: from_date, to_date: to_date}
                    },
                    {{--ajax: "{{ route('nfse.dashboard-financeiro') }}",--}}
                    order: [[0, "desc"]],
                    columns: [
                        {data: 'nfs_issnumnota', name: 'nfs_issnumnota'},
                        {data: 'nfs_issvalor', name: 'nfs_issvalor'},
                        {data: 'nfs_issdatavenc', name: 'nfs_issdatavenc'},
                        {data: 'nfs_issdatapag', name: 'nfs_issdatapag'},
                        {data: 'btn_nfse_pdf', name: 'btn_nfse_pdf', orderable: false, searchable: false},
                        {data: 'btn_dam_pdf', name: 'btn_dam_pdf', 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"
                        }
                    },
                });
            }

            $('#filter').click(function () {
                var from_date = $('#from_date').val();
                var to_date = $('#to_date').val();

                if (from_date != '' && to_date != '') {
                    $('.data-table').DataTable().destroy();
                    load_data(from_date, to_date);
                } else {
                    alert('Ambas as datas são obrigatórias');
                }
            });

            $('#refresh').click(function () {
                $('#from_date').val('');
                $('#to_date').val('');
                $('.data-table').DataTable().destroy();
                load_data();
            });

            {{--let table = $('.data-table').DataTable({--}}
            {{--    iDisplayLength: 25,--}}
            {{--    processing: true,--}}
            {{--    serverSide: true,--}}
            {{--    ajax: "{{ route('nfse.dashboard-financeiro') }}",--}}
            {{--    order: [[0, "desc"]],--}}
            {{--    columns: [--}}
            {{--        {data: 'nfs_issnumnota', name: 'nfs_issnumnota'},--}}
            {{--        {data: 'nfs_issvalor', name: 'nfs_issvalor'},--}}
            {{--        {data: 'nfs_issdatavenc', name: 'nfs_issdatavenc'},--}}
            {{--        {data: 'nfs_issdatapag', name: 'nfs_issdatapag'},--}}
            {{--        {data: 'btn_nfse_pdf', name: 'btn_nfse_pdf', orderable: false, searchable: false},--}}
            {{--        {data: 'btn_dam_pdf', name: 'btn_dam_pdf', 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"--}}
            {{--        }--}}
            {{--    },--}}
            {{--});--}}
        });
    </script>
@endpush