@extends('layouts.nfse.nfse')
@section('content')
    <div class="row">
        <div class="col-md-3 mt-5">
            <div class="card">
                <div class="card-header">
                    <b>Primeiro Acesso</b>
                </div>
                <div class="card-body">
                    <p class="card-text text-justify" style="color: #212121; font-size: 13px">&nbsp;&nbsp;Requerimento para acesso ao sistema de emissão de notas eletrônicas, preencha, envie e aguarde a aprovação por email ou telefone.</p>
                    <a href="{{route('nfse.visitante-solicitante-create')}}" class="btn btn-outline-primary"><i class="fa fa-address-card-o" aria-hidden="true"></i> Preencher</a>
                </div>
            </div>
        </div>
        <div class="col-md-9 mt-5">
            <div class="row">
                <div class="col-md-12">
                    <small style="float: right; margin-bottom: 10px; color: black">
                        @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>
                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">O que é Nota Fiscal de Serviços Eletrônica?</h4>
                    <p class="card-text text-justify" style="color: #212121; font-size: 13px; margin-top: 20px">&nbsp;&nbsp;A Nota Fiscal de Serviços Eletrônica - NFS-e é o documento fiscal de existência apenas digital que substitui 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 Prefeitura Municipal de {{Config::get('myConstants.instituicao.cidade')}}, 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.</p>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-3 mt-5">
            <div class="card">
                <div class="card-header">
                    <b>Efetuar Login</b>
                </div>
                <div class="card-body">
                    <form name="frmLoginNfsePrestador" action="{{route('nfse.autenticar-prestador')}}" method="post" role="form">
                        <div class="form-group">
                            <label for="">CPF/CNPJ do Prestador</label>
                            <input type="text" class="form-control" name="cpfcnpj" onkeypress="return digitos(event)" maxlength="14">
                        </div>
                        <div class="form-group">
                            <label for="">Senha</label>
                            <input type="password" class="form-control" name="password" maxlength="10" style="max-width: 10rem;">
                        </div>
                        <button type="submit" class="btn btn-outline-primary"><i class="fa fa-sign-in" aria-hidden="true"></i> Entrar</button>
                        <button type="button" class="btn btn-link" data-toggle="modal" data-target="#mdEsqueciSenha"><i aria-hidden="true"></i> Esqueci a senha</button>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-9 mt-5">
            <div class="row">
                <div class="col-md-4">
                    <div class="card bg-secondary">
                        <div class="card-header"><i class="fa fa-users" aria-hidden="true"></i> Contribuintes Emitentes</div>
                        <div class="card-body">
                            <h1 class="card-title text-center">{{$totalP}}</h1>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card bg-secondary mb-3">
                        <div class="card-header"><i class="fa fa-users" aria-hidden="true"></i> Tomadores De Serviço</div>
                        <div class="card-body">
                            <h1 class="card-title text-center">{{$totalT}}</h1>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card bg-secondary mb-3">
                        <div class="card-header"><i class="fa fa-newspaper-o" aria-hidden="true"></i> Total De Notas</div>
                        <div class="card-body">
                            <h1 class="card-title text-center">{{$totalN}}</h1>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12 mt-1">
                    <hr>
                    <form name="frmAutenticidadeNfse" action="{{route('nfse.visitante-autenticidade')}}" method="post" role="form">
                        @csrf
                        <h5>Verificar Autenticidade da NFS-e</h5>
                        <div class="form-inline">
                            <div class="input-group mb-3">
                                <input type="text" class="form-control" name="cpfcnpj" maxlength="14" onkeypress="return digitos(event)" placeholder="CPF/CNPJ do Prestador">&nbsp;&nbsp;
                                <input type="text" class="form-control" name="numeronota" maxlength="10" onkeypress="return digitos(event)" placeholder="Número da Nota">&nbsp;&nbsp;
                                <input type="text" class="form-control" name="chave" maxlength="15" placeholder="Chave de Verificação">
                                <button class="btn btn-outline-primary" type="submit"><i class="fa fa-check" aria-hidden="true"></i> Checar</button>
                            </div>
                        </div>
                    </form>
                    <hr>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="mdAutenticidade" tabindex="-1">
        <div class="modal-dialog  modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Autenticidade</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div id="retornoAutenticidade"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="mdEsqueciSenha" tabindex="-1">
        <div class="modal-dialog  modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Redefinir Senha</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form name="formEsqueciSenha" action="{{route('nfse.visitante-redefinir-senha')}}" method="post">
                        <div class="form-row align-items-center">
                            <div class="col-auto">
                                <div class="input-group mb-2">
                                    <input type="text" class="form-control" name="cnpjcpf" placeholder="Informe o CNPJ/CPF" onkeypress="return digitos(event)" maxlength="14">
                                    <div class="input-group-prepend">
                                        <button type="submit" class="btn btn-primary mb-2">OK</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="msg_ret_senha"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection
@push('script')
    <script src="{{url(mix('modulos/nfse/visitante/js/autenticidade.js'))}}"></script>
    <script src="{{url(mix('modulos/nfse/visitante/js/login.js'))}}"></script>
@endpush