@extends('layouts.servicos')
@section('content-servicos')
<div class="page-header" style="background-image: url({{url('img/layout/bg-header-01.jpg')}}); background-repeat: no-repeat; color: #FFF">
    <div class="row">
        <div class="col-md-9">
            <h1 class="page-header">&nbsp;Portal de Serviços<br>
                <small style="color: #FFFFFF">&nbsp;{{Config::get('myConstants.instituicao.nome')}}</small></h1>
        </div>
        <div class="col-md-3" style="padding-top: 30px;">
            <img align="right" class="img-responsive" src="{{url('img/brasao/'.Config::get('myConstants.instituicao.brasao'))}}" width="120" height="110" alt="">
        </div>
    </div>
</div>

<div class="panel panel-default">
    <div class="panel-body">
        Serviços oferecidos aos cidadãos, empresas e servidores.
    </div>
</div>
<br>
<ul class="nav nav-tabs progress-bar-danger">
    <li class="active"><a data-toggle="tab" href="#autenticidade">
            <i class="fa fa-check-square-o fa-lg" aria-hidden="true"></i>&nbsp;<b>Autenticidade</b></a>
    </li>
    <li><a data-toggle="tab" href="#cidadao">
            <i class="fa fa-user fa-lg" aria-hidden="true"></i>&nbsp;<b>Cidadão</b></a>
    </li>
    <li><a data-toggle="tab" href="#empresa">
            <i class="fa fa-industry fa-lg" aria-hidden="true"></i>&nbsp;<b>Empresa</b></a>
    </li>
    <!--        <li><a data-toggle="tab" href="#protocolo">-->
    <!--                <i class="fa fa-tag fa-lg" aria-hidden="true"></i>&nbsp;<b>Processos/ Protocolados</b></a>-->
    <!--        </li>-->
    <!--        <li><a data-toggle="tab" href="#servidor">-->
    <!--                <i class="fa fa-users fa-lg" aria-hidden="true"></i>&nbsp;<b>Servidores</b></a>-->
    <!--        </li>-->
</ul>
<div class="tab-content expesansao">
    <br>
    <br>
    <div id="autenticidade" class="tab-pane fade in active">
        <div class="row">
            <div class="col-md-4">
                <div class="panel panel-info">
                    <div class="panel-heading"><i class="fa fa-check-circle fa-lg" aria-hidden="true"></i>&nbsp;Verificar
                    </div>
                    <div class="panel-body">
                        <form name="FrmAutenticidade" action="{{route('servicos.autenticidade')}}" method="post" autocomplete="off">
                            @csrf
                            <small>Confirmação de Autenticidade de Documento</small>
                            <hr>
                            <select name="identificado" id="" class="form-control" required>
                                <option selected></option>
                                @foreach($modulos as $m)
                                    <option value="{{$m->mod_identificador}}">{{$m->mod_titulo}}</option>
                                @endforeach
                            </select>
                            <label for="">&nbsp;</label>
                            <div class="input-group">
                                <input type="text" name="chave" class="form-control" placeholder="Digite a chave de validação" maxlength="32" required>
                                <span class="input-group-btn">
                                    <input type="hidden" name="acao" value="callback_consulta">
                                    <button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                                </span>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-8 jumbotron">
                <table id="tableAuteticidade" class="table table-bordered">
                    <thead>
                    <tr>
                        <th width="10%">Código</th>
                        <th width="45%">Contribuinte</th>
                        <th width="25%">Emissão</th>
                        <th width="20%">Validade</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td colspan="4" class="active">Escolha ao lado documento...</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div id="cidadao" class="tab-pane fade">
        <div class="row">
            <div class="col-md-5 col-md-offset-1">
                <div class="panel panel-warning">
                    <div class="panel-heading"><i class="fa fa-newspaper-o fa-lg" aria-hidden="true"></i>&nbsp;CND - Certidão Negativa de Débitos
                    </div>
                    <form name="FrmCertidao" action="{{route('servicos.certidao')}}" method="post" autocomplete="off">
                        @csrf
                        <div class="panel-body">
                            <small>Documento que comprova que o contribuinte encontra-se sem débitos ou com débitos regulares junto à municipalidade
                            </small>
                            <hr>
                            <div class="row">
                                <div class="col-md-10">
                                    <label for="">Digite o CPF/CNPJ</label>
                                    <div class="input-group">
                                        <input type="text" name="cpfcnpj" id="cpfcnpjCertidao" class="form-control" onkeypress="return digitos(event)" maxlength="14">
                                        <span class="input-group-btn">
                                            <input type="hidden" name="acao" value="certidao">
                                            <button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i> Verificar </button>
                                        </span>
                                    </div>
                                    <div class="checkbox">
                                        <label>
                                            <input type="radio" name="emissao" value="nova"> Nova emissão
                                        </label>
                                        <label>
                                            <input type="radio" name="emissao" value="via"> 2ª via
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="col-md-5">
                <div class="panel panel-primary">
                    <div class="panel-heading"><i class="fa fa-barcode fa-lg" aria-hidden="true"></i>&nbsp;2ª via de carnê de IPTU
                    </div>
                    <form name="FrmViaDamIPTU" action="{{route('servicos.iptu')}}" method="post" autocomplete="off">
                        @csrf
                        <div class="panel-body">
                            <small>Imprima aqui a segunda via do boleto do Imposto Predial Territorial Urbano
                            </small>
                            <hr>
                            <div class="row">
                                <div class="col-md-8">
                                    <label for="">Digite o CPF/CNPJ</label>
                                    <div class="input-group">
                                        <input type="text" name="cpfcnpj" class="form-control" onkeypress="return digitos(event)" maxlength="14">
                                        <span class="input-group-btn">
                                            <button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8">
                                    <label for="">Ou Digite o Código do Imóvel</label>
                                    <div class="input-group">
                                        <input type="text" name="imovel" class="form-control" onkeypress="return digitos(event)" maxlength="20">
                                        <span class="input-group-btn">
                                            <input type="hidden" name="acao" value="viaiptu">
                                            <button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

{{--            <div class="col-md-4">--}}
{{--                <div class="panel panel-danger">--}}
{{--                    <div class="panel-heading"><i class="fa fa-barcode fa-lg" aria-hidden="true"></i>&nbsp;2ª Via Dívida Ativa</div>--}}
{{--                    <form name="FrmViaDividaAtiva" action="" method="post" autocomplete="off">--}}
{{--                        <div class="panel-body">--}}
{{--                            <small>Pagamento de Débitos em Dívida Ativa</small>--}}
{{--                            <hr>--}}
{{--                            <div class="row">--}}
{{--                                <div class="col-md-12">--}}
{{--                                    <label for="">Digite o CPF/CNPJ</label>--}}
{{--                                    <div class="input-group">--}}
{{--                                        <input type="text" name="cpfcnpj" class="form-control" maxlength="14" onkeypress="return digitos(event)" required disabled>--}}
{{--                                        <span class="input-group-btn">--}}
{{--                                            <input type="hidden" name="acao" value="dividaativa">--}}
{{--                                            <button class="btn btn-default" type="submit" disabled><i class="fa fa-search" aria-hidden="true"></i></button>--}}
{{--                                        </span>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </form>--}}
{{--                </div>--}}
{{--            </div>--}}
        </div>
    </div>
    <div id="empresa" class="tab-pane fade">
        <!--            <div class="row">-->
        <!--                <div class="col-md-4">-->
        <!--                    <div class="panel panel-default">-->
        <!--                        <div class="panel-heading"><i class="fa fa-align-right" aria-hidden="true"></i>&nbsp;Nota Fiscal-->
        <!--                        </div>-->
        <!--                        <div class="panel-body">-->
        <!--                            ...-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--                <div class="col-md-4">-->
        <!--                    <div class="panel panel-default">-->
        <!--                        <div class="panel-heading"><i class="fa fa-usd" aria-hidden="true"></i>&nbsp;Taxa de Localização e Funcinamento-->
        <!--                        </div>-->
        <!--                        <div class="panel-body">-->
        <!--                            ...-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--                <div class="col-md-4">-->
        <!--                    <div class="panel panel-default">-->
        <!--                        <div class="panel-heading"><i class="fa fa-search" aria-hidden="true"></i>&nbsp;Consultar Processos-->
        <!--                        </div>-->
        <!--                        <div class="panel-body">-->
        <!--                            ...-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <div class="row">
            <div class="col-md-5 col-md-offset-1">
                <div class="panel panel-danger">
                    <div class="panel-heading"><i class="fa fa-barcode fa-lg" aria-hidden="true"></i>&nbsp;2ª Via da Guia de Recolhimento - TLF
                    </div>
                    <form name="FrmViaDamTLF" action="{{route('servicos.licenca-tlf-dam')}}" method="post" autocomplete="off">
                        @csrf
                        <div class="panel-body">
                            <small>Taxa de Localização e Funcionamento</small>
                            <hr>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="">Digite o CNPJ ou CPF</label>
                                    <input type="text" name="cpfcnpj" id="cpfcnpjTlf" class="form-control" onkeypress="return digitos(event)" maxlength="14" required>
                                </div>
                                <div class="col-md-5">
                                    <label for="">Inscrição Fiscal</label>
                                    <div class="input-group">
                                        <input type="text" name="inscricao" id="inscricaotlf" class="form-control" onkeypress="return digitos(event)" maxlength="8" required>
                                        <span class="input-group-btn">
                                                <input type="hidden" name="acao" value="viadamtlf">
                                                <button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                                            </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="col-md-5">
                <div class="panel panel-success">
                    <div class="panel-heading"><i class="fa fa-bars fa-lg" aria-hidden="true"></i> Acesse seus documentos de licenciamento - TLF
                    </div>
                    <form name="FrmViaDocTLF" action="{{route('servicos.licenca-tlf')}}" method="post" autocomplete="off">
                        @csrf
                        <div class="panel-body">
                            <small>2ª Via de emissão de documentos de licenciamento via internet
                            </small>
                            <hr>
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="">Digite o CNPJ ou CPF</label>
                                    <input type="text" name="cpfcnpj" id="cpfcnpjDocTlf" class="form-control" maxlength="14" onkeypress="return digitos(event)">
                                </div>
                                <div class="col-md-5">
                                    <label for="">Inscrição Fiscal</label>
                                    <div class="input-group">
                                        <input type="text" name="inscricao" id="inscricaoDocTlf" class="form-control" maxlength="8" onkeypress="return digitos(event)">
                                        <span class="input-group-btn">
                                                <input type="hidden" name="acao" value="viadoctlf">
                                                <button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                                            </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div id="protocolo" class="tab-pane fade">
        <div class="row">
            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading"><i class="fa fa-tags fa-lg" aria-hidden="true"></i>&nbsp;Consulta
                        Andamento
                    </div>
                    <div class="panel-body">
                        <b>Tenha o número completo do protocolo</b>
                        <br>
                        <small>Você não precisa mais ir até o balcão da Prefeitura para saber sobre o andamento de
                            seu processo ou protocolado. Consulte a informação totalmente online.
                        </small>
                        <hr>
                        <div class="row">
                            <div class="col-md-12">
                                <label for="">Número do Protocolo</label>
                                <div class="input-group">
                                    <input type="text" name="protocolo" class="form-control" maxlength="20">
                                    <span class="input-group-btn">
                                            <input type="hidden" name="acao" value="viadoctlf">
                                            <button class="btn btn-default" type="submit" disabled><i class="fa fa-search" aria-hidden="true"></i>&nbsp; Consultar </button>
                                        </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                ...
            </div>
        </div>
    </div>
    <div id="servidor" class="tab-pane fade">
        <div class="row">
            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading"><i class="fa fa-money fa-lg" aria-hidden="true"></i>&nbsp;Consulta ao
                        Contracheque
                    </div>
                    <div class="panel-body">
                        <small>Preencha as informações abaixo e clique em consultar</small>
                        <hr>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="">Matrícula</label>
                                <input type="text" name="matricula" id="matricula" class="form-control" maxlength="14" onkeypress="return digitos(event)">
                            </div>
                            <div class="col-md-6">
                                <label for="">CPF</label>
                                <input type="text" name="cpf" id="cpfcheque" class="form-control" maxlength="8" onkeypress="return digitos(event)">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <label for="">Senha WEB</label>
                                <div class="input-group">
                                    <input type="password" name="senha" id="senha" class="form-control" maxlength="20" disabled>
                                    <span class="input-group-btn">
                                            <input type="hidden" name="acao" value="contracheque">
                                            <button class="btn btn-default" type="submit" disabled><i class="fa fa-search" aria-hidden="true"></i>&nbsp; Consultar </button>
                                        </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-md-offset-2">
                <div class="panel panel-default">
                    <div class="panel-heading"><i class="fa fa-exclamation-triangle fa-lg" aria-hidden="true"></i>&nbsp;Validação
                        do Contracheque Impresso
                    </div>
                    <div class="panel-body">
                        <small>Validação para confirmação de autenticidade dos contracheques por terceiros</small>
                        <hr>
                        <div class="row">
                            <div class="col-md-8">
                                <label for="">Chave de Validação</label>
                                <div class="input-group">
                                    <input type="password" name="key" id="key" class="form-control" maxlength="20" disabled>
                                    <span class="input-group-btn">
                                        <input type="hidden" name="acao" value="validarcontracheque">
                                        <button class="btn btn-default" type="submit" disabled><i class="fa fa-search" aria-hidden="true"></i>&nbsp; Consultar </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="panel panel-default">
    <div class="panel-body">
        <small>
            <i class="fa fa-exclamation-circle fa-lg" aria-hidden="true"></i> É necessário ter a versão mais nova do
            Adobe Reader instalada para abrir o arquivo, caso não tenha a versão mais nova clique
            <a href="http://get.adobe.com/br/reader/" target="_blank">aqui</a> para baixar.
        </small>
    </div>
    <div class="panel-footer">
        <p class="text-center" style="font-size: 12px">{{Config::get('myConstants.instituicao.nome')}}/{{Config::get('myConstants.instituicao.uf')}} <br>
            {{Config::get('myConstants.instituicao.endereco')}} - CEP: {{Config::get('myConstants.instituicao.cep')}} - {{Config::get('myConstants.instituicao.cidade')}}/{{Config::get('myConstants.instituicao.uf')}} - Fone: {{Config::get('myConstants.instituicao.telefone')}}
            <br>© 2001/{{date('Y')}} - Aplicação distribuída por: Mega Assessoria e Tecnologia</p>
    </div>
</div>
@endsection
@push('script-servicos')
    <script src="{{url('modulos/tributos/assets/js/servicos/home.js')}}"></script>
@endpush