@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;Nota(s) emitida(s)</b>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading"><b>Filtrar emições 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>

    <div class="table-responsive mt-4">
        <table class="table table-hover table-sm data-table">
            <thead>
            <tr>
                <th width="6%">Nº NOTA</th>
                <th width="4%"></th>
                <th width="4%"></th>
                <th width="8%">EMISSÃO</th>
                <th width="10%">CPF/CNPJ</th>
                <th width="48%">TOMADOR</th>
                <th width="8%">VALOR</th>
                <th width="4%"></th>
                <th width="4%"></th>
                <th width="4%"></th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
@endsection
@push('script')
    <script>
        $(document).ready(function () {
            //https://www.nicesnippets.com/blog/filter-data-between-two-dates-in-yajra-datatables-in-laravel-example
            $('.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.home-rel-emitidas") }}',
                        data: {from_date: from_date, to_date: to_date}
                    },
                    {{--ajax: "{{ route('nfse.home-rel-emitidas') }}",--}}
                    order: [[0, "desc"]],
                    columns: [
                        {data: 'nfs_numeronfse', name: 'nfs_numeronfse'},
                        {data: 'btn_sub', name: 'btn_sub', orderable: false, searchable: false},
                        {data: 'btn_copiar', name: 'btn_copiar', orderable: false, searchable: false},
                        {data: 'nfs_dataemissaonfse', name: 'nfs_dataemissaonfse'},
                        {data: 'nfs_cpfcnpjtomador', name: 'nfs_cpfcnpjtomador'},
                        {data: 'nfs_razaosocialtomador', name: 'nfs_razaosocialtomador'},
                        {
                            data: null, name: null, orderable: false, searchable: false,
                            render: function (row) {
                                return 'R$ ' + maskValor(row.nfs_valorliquidonfse);
                            }
                        },
                        {data: 'btn_nfsepdf', name: 'btn_nfsepdf', orderable: false, searchable: false},
                        {data: 'btn_xml', name: 'btn_xml', orderable: false, searchable: false},
                        {data: 'btn_cancelar', name: 'btn_cancelar', 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: {--}}
            {{--        url: '{{ route('nfse.home-rel-emitidas') }}',--}}
            {{--        data: function (d) {--}}
            {{--            d.dtInicio = $('input[name=dtInicio]').val();--}}
            {{--            d.dtFinal = $('input[name=dtFinal]').val();--}}
            {{--            d.cpfcnpj = $('input[name=tomador]').val();--}}
            {{--            //d.ano = $('select[name=ano]').val();--}}
            {{--        }--}}
            {{--    },--}}
            {{--    ajax: "{{ route('nfse.home-rel-emitidas') }}",--}}
            {{--    order: [[0, "desc"]],--}}
            {{--    columns: [--}}
            {{--        {data: 'nfs_numeronfse', name: 'nfs_numeronfse'},--}}
            {{--        {data: 'btn_sub', name: 'btn_sub', orderable: false, searchable: false},--}}
            {{--        {data: 'btn_copiar', name: 'btn_copiar', orderable: false, searchable: false},--}}
            {{--        {data: 'nfs_dataemissaonfse', name: 'nfs_dataemissaonfse'},--}}
            {{--        {data: 'nfs_cpfcnpjtomador', name: 'nfs_cpfcnpjtomador'},--}}
            {{--        {data: 'nfs_razaosocialtomador', name: 'nfs_razaosocialtomador'},--}}
            {{--        {--}}
            {{--            data: null, name: null, orderable: false, searchable: false,--}}
            {{--            render: function (row) {--}}
            {{--                return 'R$ ' + maskValor(row.nfs_valorliquidonfse);--}}
            {{--            }--}}
            {{--        },--}}
            {{--        {data: 'btn_nfsepdf', name: 'btn_nfsepdf', orderable: false, searchable: false},--}}
            {{--        {data: 'btn_xml', name: 'btn_xml', orderable: false, searchable: false},--}}
            {{--        {data: 'btn_cancelar', name: 'btn_cancelar', 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