@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;Sistema de Protocolo Público<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">
            <form name="FrmPorProtocolo" action="" method="post">
                @csrf
                <div class="row">
                    <div class="col-md-4">
                        <div class="input-group">
                            <label for=""><b>Consultar Processo por Número</b></label>
                            <input type="text" name="protocolo" id="protocolo" class="form-control" required>
                            <div class="input-group-btn">
                                <button class="btn btn-primary" type="submit" style="margin-top: 25px"><i class="fa fa-search" aria-hidden="true"></i> Consultar</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>

            <div class="row" style="min-height:300px; margin-top: 20px">
                <div class="col-md-12">
                    <div id="retornoPesquisa">
                        <p class="mt-4">Informe acima o número único do processo, que encontra-se impresso no comprovante de protocolização.</p>
                    </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')}}  -  Fone: {{Config::get('myConstants.instituicao.telefone')}}
                <br>© 2001/{{date('Y')}} - Aplicação distribuída por: Mega Assessoria e Tecnologia LTDA</p>
        </div>
    </div>
@endsection
@push('script-servicos')
    <script>
        $(function () {
            $("#protocolo").mask("999.999.999999");
        });
    </script>
    <script src="{{asset('modulos/protocolo/assets/js/dashboard/search-to-filter-public.js')}}"></script>
@endpush