@extends('layouts.dashboard')
@section('pg-body')
<section class="wf100 subheader">
    <div class="container">
        <h2>Solicitar Informação</h2>
        <ul>
            <li><a href="{{url('home')}}">Home</a></li>
            <li><a href="{{url('transparencia')}}">Transparência</a></li>
            <li><a href="{{url('inf-esic')}}">E-SIC</a></li>
            <li>Solicitar Informação</li>
        </ul>
    </div>
</section>
<!--Sub Header End--> 
<!--Main Content Start-->
<div class="main-content p80" id="conteudo">
    <!--Donation Start-->
    <div class="container">
        <div class="row">
            <div class="col-md-9">
                <div class="donations">
                    @if(isset($protocolo) and $protocolo != "")
                    <div class="payment-method wf100">
                        <h4 class="widget-title">CODIGO DE PROTOCOLO: <label style="color: red;">{{$protocolo}}</label></h4>
                        <h5 style="font-style: italic;">"Guarde ou salve o seu codigo de protocolo para acompanhar o andamento da sua solicitação."</h5>
                    </div>
                    <div class="col-md-12" style="text-align: center;">
                        <a class="btn btn-primary btn-up" style="float: none;" onclick="getModalAguarde();" href="{{url('solicitar-informacao')}}">Nova Solicitação</a>
                    </div>
                    @else
                    <div class="payment-method wf100">
                        <h3> Dados da solicitação</h3>
                    </div>
                    {!! Form::open(['url' => 'solicitar-informacaogo', 'class' => 'horizontal-form', 'onsubmit'=>'return verificaCpfValido();', 'files' => true]) !!}
                    <div class="your-comments wf100">
                        <h4>Descrição da Solicitação</h4>
                        <textarea class="form-control" name="descricao" id="descricao" required placeholder="Descreva com detalhes sua solicitação"></textarea>
                    </div>
                    <div class="wf100 donator-details">
                        <h3>Dados do solicitante</h3>
                    
                        <input type="hidden" name="cpf_valido" id="cpf_valido" value="">
                        <div class="col-md-4">
                            {!! Form::label('cpf', 'CPF OU CNPJ', ['class' => 'control-label color666']) !!}
                            <div class="form-group {{ $errors->has('cpf') ? 'has-error' : ''}}">
                                <div class="input-group">
                                    <input id="cpf" name="cpf" type="text" placeholder="Nº CPF OU CNPJ" style="border-top-right-radius: 5px; border-bottom-right-radius: 5px;" class="form-control" required maxlength="18" onkeyup='validaCPF(this);
                                            return SomenteNumero(event);'>
                                    <span class="input-group-addon" id="icon_cpf" style="display: none; background: #fff;">
                                        <button class="fa fa-check" id="icon_cpf_ok" style="background:transparent;border:none; display: none; color: green;"></button>
                                        <button class="fa fa-times" id="icon_cpf_erro" style="background:transparent;border:none; display: none; color: red;"></button>
                                    </span>
                                </div>
                                {!! $errors->first('cpf', '<p class="help-block">:message</p>') !!}
                            </div>
                        </div>
                        <div class="col-md-5">
                            {!! Form::label('nome', 'NOME', ['class' => 'control-label color666']) !!}
                            <div class="form-group {{ $errors->has('nome') ? 'has-error' : ''}}">
                                {!! Form::text('nome', null, ['class' => 'form-control', 'required' => 'required','placeholder'=>'Nome Completo']) !!}
                                {!! $errors->first('nome', '<p class="help-block">:message</p>') !!}
                            </div>
                        </div>
                        <div class="col-md-3">
                            {!! Form::label('sexo', 'Sexo', ['class' => 'control-label color666']) !!}
                            <div class="form-group {{ $errors->has('status') ? 'has-error' : ''}}">
                                {!! Form::select('sexo', array('Masculino'=>'Masculino','Feminino'=>'Feminino'), null, ['class' => 'form-control select2', 'required' => 'required']) !!}
                                {!! $errors->first('sexo', '<p class="help-block">:message</p>') !!}
                            </div>
                        </div>
                        <div class="col-md-3">
                            {!! Form::label('faixa_etaria', 'Faixa Etária', ['class' => 'control-label color666']) !!}
                            <div class="form-group {{ $errors->has('faixa_etaria') ? 'has-error' : ''}}">
                                {!! Form::select('faixa_etaria', array('Até 20 anos'=>'Até 20 anos','De 21 a 30 anos'=>'De 21 a 30 anos', 'De 31 a 40 anos'=>'De 31 a 40 anos', 'De 41 a 50 anos'=>'De 41 a 50 anos', 'De 51 a 60 anos'=>'De 51 a 60 anos', 'Acima de 61 anos'=>'Acima de 61 anos'), null, ['class' => 'form-control select2', 'required' => 'required']) !!}
                                {!! $errors->first('faixa_etaria', '<p class="help-block">:message</p>') !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            {!! Form::label('escolaridade', 'Escolaridade', ['class' => 'control-label color666']) !!}
                            <div class="form-group {{ $errors->has('escolaridade') ? 'has-error' : ''}}">
                                {!! Form::select('escolaridade', array('Fundamental Incompleto'=>'Fundamental Incompleto','Fundamental Completo'=>'Fundamental Completo','Médio Incompleto'=>'Médio Incompleto','Médio Completo'=>'Médio Completo','Superior Incompleto'=>'Superior Incompleto','Superior Completo'=>'Superior Completo','Pós-Graduação'=>'Pós-Graduação'), null, ['class' => 'form-control select2', 'required' => 'required']) !!}
                                {!! $errors->first('escolaridade', '<p class="help-block">:message</p>') !!}
                            </div>
                        </div>
                        <div class="col-md-5">
                            <div class="form-group">
                                <label class="color666">Endereço</label>
                                <input type="text" name="endereco" required class="form-control" placeholder="Ex: Rua, Nº">
                            </div>
                        </div>
                        <div class="col-md-5">
                            <div class="form-group">
                                <label class="color666">Bairro</label>
                                <input type="text" name="bairro" required class="form-control" placeholder="Bairro">
                            </div>
                        </div>
                        <div class="col-md-5">
                            <div class="form-group">
                                <label class="color666">Cidade - UF</label>
                                <input type="text" name="cidade" required class="form-control" placeholder="Ex: Cidade - UF">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label class="color666">CEP</label>
                                <input type="text" name="cep" id="cep" required class="form-control" placeholder="CEP" maxlength="10" onkeyup='formatar("##.###-###", this);
                                        return SomenteNumero(event);'>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="color666">Email</label>
                                <input type="email" name="email" required class="form-control" placeholder="Email">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="color666">Telefone Fixo</label>
                                <input type="text" name="telefone_fixo" id="telefone_fixo" required class="form-control" placeholder="Fixo" maxlength="12" onkeyup='formatar("## ####-####", this);
                                        return SomenteNumero(event);'>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="color666">Telefone Celular</label>
                                <input type="text" name="telefone_celular" id="telefone_celular" required class="form-control" placeholder="Celular" maxlength="13" onkeyup='formatar("## #####-####", this);
                                        return SomenteNumero(event);'>
                            </div>
                        </div>
                        
                        <div class="col-md-12" style="text-align: center; margin-bottom: 10px;">
                            <div class="g-recaptcha" data-sitekey="6LfMR1kpAAAAADJe4-Yk72CY4--tTZQAP2fI6R77" data-action="LOGIN"></div>
                                @if ($errors->has('g-recaptcha-response'))
                                    <span class="help-block" style="color: red;">
                                        <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                                    </span>
                                @endif
                        </div>
                        <div class="col-md-4 wf100 donator-details">
                            <button class="btn btn-primary btn-up" type="submit"><i class="fa fa-paper-plane" aria-hidden="true"></i> Enviar Solicitação</button>
                        </div>
                    </div>
                    {!! Form::close() !!}
                    @endif
                </div>
            </div>

            <!-- menu -->
            @include('sidebar_esic')
            <!-- menu -->


        </div>
    </div>
</div>





<script>
        function verificaCpfValido() {
            var cpf_valido = $("#cpf_valido").val();
            if (cpf_valido == 'Sim') {
                getModalAguarde();
                return true;
            } else {
                alert("CPF INVÁLIDO!");
                return false;
            }
        }

        function validaCPF(e)
        {

            var cpf = $("#cpf").val();
            if (cpf.length == 0) {
                $("#icon_cpf").css("display", "none");
                $("#icon_cpf_ok").css("display", "none");
                $("#icon_cpf_erro").css("display", "none");
                $("#cpf_valido").val("");
                $("#cpf").css('border-top-right-radius', '5px');
                $("#cpf").css('border-bottom-right-radius', '5px');
            } else {
                if (cpf.length <= 14) {
                    formatar("###.###.###-##", e);
                    $("#cpf").css('border-top-right-radius', '0');
                    $("#cpf").css('border-bottom-right-radius', '0');

                    var exp = /\.|-/g;
                    cpf = cpf.toString().replace(exp, "");
                    var digitoDigitado = eval(cpf.charAt(9) + cpf.charAt(10));
                    var soma1 = 0,
                            soma2 = 0;
                    var vlr = 11;
                    for (i = 0; i < 9; i++) {
                        soma1 += eval(cpf.charAt(i) * (vlr - 1));
                        soma2 += eval(cpf.charAt(i) * vlr);
                        vlr--;
                    }
                    soma1 = (((soma1 * 10) % 11) === 10 ? 0 : ((soma1 * 10) % 11));
                    soma2 = (((soma2 + (2 * soma1)) * 10) % 11);
                    if (cpf === "11111111111" || cpf === "22222222222" || cpf === "33333333333" || cpf === "44444444444" || cpf === "55555555555" || cpf === "66666666666" || cpf === "77777777777" || cpf === "88888888888" || cpf === "99999999999" || cpf === "00000000000") {
                        var digitoGerado = null;
                    } else {
                        var digitoGerado = (soma1 * 10) + soma2;
                    }
                    if ((digitoGerado !== digitoDigitado) && (digitoDigitado !== 0)) {
                        $("#icon_cpf").css("display", "table-cell");
                        $("#icon_cpf_ok").css("display", "none");
                        $("#icon_cpf_erro").css("display", "block");
                        $("#cpf_valido").val("");
                        return false;
                    }
                    $("#icon_cpf").css("display", "table-cell");
                    $("#icon_cpf_erro").css("display", "none");
                    $("#icon_cpf_ok").css("display", "block");
                    $("#cpf_valido").val("Sim");
                    return true;
                } else {
                    FormataCnpj(e, event);
                    if (validarCNPJ(cpf)) {
                        $("#icon_cpf").css("display", "table-cell");
                        $("#icon_cpf_erro").css("display", "none");
                        $("#icon_cpf_ok").css("display", "block");
                        $("#cpf_valido").val("Sim");
                        return true;
                    } else {
                        $("#icon_cpf").css("display", "table-cell");
                        $("#icon_cpf_ok").css("display", "none");
                        $("#icon_cpf_erro").css("display", "block");
                        $("#cpf_valido").val("");
                        return false;
                    }
                }
            }
        }

        function FormataCnpj(campo, teclapres)
        {
            var cpf = $("#cpf").val();
            var tecla = teclapres.keyCode;
            var exp = /\.|-/g;
            var vr = cpf.toString().replace(exp, "");

            tam = vr.length + 1;
            if (tecla != 14)
            {
                if (tam == 3)
                    campo.value = vr.substr(0, 2) + '.';
                if (tam == 6)
                    campo.value = vr.substr(0, 2) + '.' + vr.substr(2, 5) + '.';
                if (tam == 10)
                    campo.value = vr.substr(0, 2) + '.' + vr.substr(2, 3) + '.' + vr.substr(5, 3) + '/';
                if (tam == 15)
                    campo.value = vr.substr(0, 2) + '.' + vr.substr(2, 3) + '.' + vr.substr(5, 3) + '/' + vr.substr(8, 4) + '-' + vr.substr(12, 2);
            }
        }



        function validarCNPJ(cnpj) {

            cnpj = cnpj.replace(/[^\d]+/g, '');

            if (cnpj == '')
                return false;

            if (cnpj.length != 14)
                return false;

            // Elimina CNPJs invalidos conhecidos
            if (cnpj == "00000000000000" ||
                    cnpj == "11111111111111" ||
                    cnpj == "22222222222222" ||
                    cnpj == "33333333333333" ||
                    cnpj == "44444444444444" ||
                    cnpj == "55555555555555" ||
                    cnpj == "66666666666666" ||
                    cnpj == "77777777777777" ||
                    cnpj == "88888888888888" ||
                    cnpj == "99999999999999")
                return false;

            // Valida DVs
            tamanho = cnpj.length - 2;
            numeros = cnpj.substring(0, tamanho);
            digitos = cnpj.substring(tamanho);
            soma = 0;
            pos = tamanho - 7;
            for (i = tamanho; i >= 1; i--) {
                soma += numeros.charAt(tamanho - i) * pos--;
                if (pos < 2)
                    pos = 9;
            }
            resultado = soma % 11 < 2 ? 0 : 11 - soma % 11;
            if (resultado != digitos.charAt(0))
                return false;

            tamanho = tamanho + 1;
            numeros = cnpj.substring(0, tamanho);
            soma = 0;
            pos = tamanho - 7;
            for (i = tamanho; i >= 1; i--) {
                soma += numeros.charAt(tamanho - i) * pos--;
                if (pos < 2)
                    pos = 9;
            }
            resultado = soma % 11 < 2 ? 0 : 11 - soma % 11;
            if (resultado != digitos.charAt(1))
                return false;

            return true;

        }

    </script>
</div><!-- /container -->
@endsection