@extends('layouts.nfse.nfse-home')
@section('content')
    <h4 class="mt-4">Olá, <b>{{connectedNfsePrestador()->nfs_razaosocialprestador}} {{$session}}</b></h4>

{{--    <small>Hoje, Sábado, 05 de Dezembro de 2020 | Último acesso: 12/02/2016 21:16:15</small>--}}
    <small>
        @php
            //http://rberaldo.com.br/php-usando-a-classe-nativa-datetime/
            $date_time = new DateTime('now', new DateTimeZone('America/Sao_Paulo'));
            $formatter = new IntlDateFormatter('pt-BR', IntlDateFormatter::FULL, IntlDateFormatter::NONE);
            echo 'Hoje, ' . $formatter->format($date_time);
        @endphp
    </small>
    <hr class="mb-4">

    <div class="row">
        <div class="col-md-3">
            <div class="card bg-success text-white">
                <div class="card-body">
                    <h5 class="card-title"><i class="fa fa-bar-chart fa-lg" aria-hidden="true"></i>
                        <b>{{str_pad($notasEmitidas, 6,0, STR_PAD_LEFT)}}</b></h5>
                    <h6 class="card-subtitle mb-2 text-white">Total Emitidas</h6>
                </div>
            </div>
            <small>Dados referentes à {{date('Y')}}.</small>
        </div>
        <div class="col-md-3">
            <div class="card bg-primary text-white">
                <div class="card-body">
                    <h5 class="card-title"><i class="fa fa-money fa-lg" aria-hidden="true"></i>
                        <b>R$ {{$vlrNotasEmitdas}}</b></h5>
                    <h6 class="card-subtitle mb-2 text-white">Total Emitidas em Real</h6>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-warning text-white">
                <div class="card-body">
                    <h5 class="card-title"><i class="fa fa-files-o fa-lg" aria-hidden="true"></i>
                        <b>{{str_pad($notasSubtituidas, 6,0, STR_PAD_LEFT)}}</b></h5>
                    <h6 class="card-subtitle mb-2 text-white">Total Substituidas</h6>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-danger text-white">
                <div class="card-body">
                    <h5 class="card-title"><i class="fa fa-ban fa-lg" aria-hidden="true"></i>
                        <d>{{str_pad($notasCanceladas, 6,0, STR_PAD_LEFT)}}</d>
                    </h5>
                    <h6 class="card-subtitle mb-2 text-white">Total Canceladas</h6>
                </div>
            </div>
        </div>
    </div>
    <hr class="mt-5">

    <div class="row mt-5">
        <div class="col-md-10">
            <div class="card border-light mb-3">
                <div class="card-header"><b>Últimas notas emitidas</b></div>
                <div class="card-body">
                    <div class="row">
                        <div class="table-responsive">
                            <table class="table table-hover data-table">
                                <thead>
                                <tr>
                                    <th width="10%">EMISSÃO</th>
                                    <th width="6%">Nº NOTA</th>
                                    <th width="64%">TOMADOR</th>
                                    <th width="2%">STATUS</th>
                                    <th width="4%">&nbsp;</th>
                                    <th width="4%">&nbsp;</th>
                                    <th width="4%">&nbsp;</th>
                                    <th width="4%">&nbsp;</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card">
                <div class="card-body">
                    Mês anterior
                    <h4><b>R$ {{$vlrNotasMesAnterior}}</b></h4>
                    <span>Total: {{str_pad($qtdNotasMesAnterior, 6,0, STR_PAD_LEFT)}}</span>
                </div>
            </div>
            <div class="card mt-4">
                <div class="card-body">
                    Mês atual
                    <h4><b>R$ {{$vlrNotasMesAtual}}</b></h4>
                    <span>Total: {{str_pad($qtdNotasMesAtual, 6,0, STR_PAD_LEFT)}}</span>
                </div>
            </div>
{{--            <div class="card mt-4">--}}
{{--                <div class="card-body">--}}
{{--                    Imposto em aberto--}}
{{--                    <h4><b style="color: red">R$ {{$saldo}}</b></h4>--}}
{{--                    <small><a href="{{route('nfse.dashboard-financeiro')}}" class="card-link">Detalhar</a></small>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="card mt-4">--}}
{{--                <div class="card-body">--}}
{{--                    Dívida Ativa--}}
{{--                    <h4><b style="color: red">R$ {{$dividaAtiva}}</b></h4>--}}
{{--                    <small><a href="{{route('nfse.dashboard-financeiro')}}" class="card-link">Detalhar</a></small>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
    </div>
    <hr class="mt-4">
    <div class="card-body text-justify" style="font-size: 12px;">
        <span>&nbsp;A Nota Fiscal de Serviços Eletrônica - NFS-e é o documento fiscal de existência apenas digital que substituirá as tradicionais notas fiscais de serviços impressas. A NFS-e, implantada pela Secretaria de Finanças, será emitida e armazenada eletronicamente em servidores contratados pela {{Config::get('myConstants.instituicao.nome')}}, com o objetivo de materializar os fatos geradores do ISSQN – (Imposto Sobre Serviços de Qualquer Natureza), por meio do registro eletrônico das prestações de serviços sujeitas à tributação do ISSQN.</span>
    </div>
@endsection
@push('script')
    <script>
        $(document).ready(function () {
            let table = $('.data-table').DataTable({
                iDisplayLength: 10,
                processing: true,
                serverSide: true,
                ajax: "{{ route('nfse.dashboard-emitidas') }}",
                order: [[1, "desc"]],
                columns: [
                    {data: 'nfs_dataemissaonfse', name: 'nfs_dataemissaonfse'},
                    {data: 'nfs_numeronfse', name: 'nfs_numeronfse'},
                    {data: 'nfs_razaosocialtomador', name: 'nfs_razaosocialtomador'},
                    {data: 'btn_info', name: 'btn_info', orderable: false, searchable: false},
                    {data: 'btn_sub', name: 'btn_sub', orderable: false, searchable: false},
                    {data: 'btn_copiar', name: 'btn_copiar', orderable: false, searchable: false},
                    {data: 'btn_nfsepdf', name: 'btn_nfsepdf', 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