<!DOCTYPE html>
<html lang="pt-br">

<head>
    <title>SOLICITAÇÃO DE VAGAS</title>
    <meta charset="ISO-8859-1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- <meta http-equiv="X-UA-Compatible" content="ie=edge" /> -->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <link rel="stylesheet" href="../smerp2010/libx/bootstrap4.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="../smerp2010/libx/bootstrap4.0.0/css/fontawesome-all.css">
    <link rel="stylesheet" href="../smerp2010/libx/bootstrap4.0.0/css/dataTables.bootstrap4.min.css">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />

    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
    <script src="../smerp2010/libx/bootstrap4.0.0/js/jquery-3.2.1.min.js"></script>
    <script src="../smerp2010/libx/bootstrap4.0.0/js/popper.min.js"></script>
    <script src="../smerp2010/libx/bootstrap4.0.0/js/bootstrap.min.js"></script>
    <script src="../smerp2010/libx/bootstrap4.0.0/js//jquery.dataTables.min.js"></script>
    <script src="../smerp2010/libx/bootstrap4.0.0/js//dataTables.bootstrap4.min.js"></script>

    <link rel="apple-touch-icon" sizes="57x57" href="../images/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="../images/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="../images/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="../images/favicon/apple-icon-76x76.png">

    <link rel="apple-touch-icon" sizes="114x114" href="../images/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="../images/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="../images/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="../images/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="../images/favicon/apple-icon-180x180.png">

    <link rel="icon" type="image/png" sizes="192x192" href="../images/favicon/android-icon-192x192.png">

    <link rel="icon" type="image/png" sizes="16x16" href="../images/favicon/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../images/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="../images/favicon/favicon-96x96.png">
    <link rel="manifest" href="../images/favicon/manifest.json">
    <script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyCD_4r1Zc9cBBbAVsLZdkmL4cBPTZsZc4s' async defer></script>

    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
    <script src="./js/confereInternetExplorer.js"></script>
    <link rel="stylesheet" href="assets/styles.css">
    <script>
        function upperMe(valor) {
            return valor.toUpperCase()
        }
    </script>
</head>

<body>
    <p>&nbsp;</p>
    <div class="container">
        <div class="card">
            <div class="card-body">
                                    <div class="titulo">INSCRIÇÃO - FUNDAMENTAL</div>

                    <form id="formInscricao">
                                                <h3 class="separador text-center">DADOS DA CRIANÇA</h3>
                        <input type="hidden" id="ano" name="ano" class="form-control" value='2026' required>
                        <div class="row">
                            <div class="col-lg-6 form-group">
                                <label for="nome">NOME COMPLETO DA CRIANÇA <span class="obg">(OBRIGATÓRIO)</span></label>
                                <input onBlur="upperMe(this.value=upperMe(this.value))" type="text" id="nome" name="nome" class="form-control" data-tipo="nome" required autofocus>
                            </div>
                            <div class="col-lg-6 form-group">
                                <label for="nome_social">Nome Social (Decreto Nº 55588/2010) </label>
                                <input type="text" id="nome_social" name="nome_social" class="form-control" data-tipo="nome_social">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6 form-group">
                                <label for="nome_afetivo">Nome Afetivo (Lei Nº 16.785/18) </label>
                                <input type="text" id="nome_afetivo" name="nome_afetivo" class="form-control" data-tipo="nome_afetivo">
                            </div>
                            <div class="col-lg-6 form-group">
                                <label for="nascimento">DATA DE NASCIMENTO <span class="obg">(OBRIGATÓRIO)</span></label>
                                <input type="date" id="nascimento" name="nascimento" class="form-control" data-tipo="nascimento" required min=''>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6 form-group">
                                <label for="racacor">RAÇA/COR</label>
                                <select id="racacor" name="racacor" class="form-control">
                                    <option value="6"> NÃO DECLARADA </option>
                                    <option value="1"> BRANCA </option>
                                    <option value="2"> PRETA </option>
                                    <option value="3"> PARDA </option>
                                    <option value="4"> AMARELA </option>
                                    <option value="5"> ÍNDIGENA </option>

                                </select>
                            </div>
                            <div class="col-lg-6 form-group">
                                <label for="sexo">SEXO <span class="obg">(OBRIGATÓRIO)</span></label>
                                <select id="sexo" name="sexo" class="form-control" data-tipo="sexo" required>
                                    <option> </option>
                                    <option value="F"> FEMININO </option>
                                    <option value="M"> MASCULINO </option>
                                </select>
                            </div>
                        </div>

                        <div class="row">
                            <!--
                            <div class="col-lg-6 form-group">
                                <label for="nee">NECESSIDADES ESPECIAIS <span class="obg">(OBRIGATÓRIO)</span></label>
                                <select id="nee" name="nee" class="form-control" data-tipo="nee" required>
                                    <option></option>
                                    <option value="S">SIM</option>
                                    <option value="N">NÃO</option>
                                </select>
                            </div>
                        -->
                            <div class="form-group col-lg-12">
                                <label for="responsavel">NOME COMPLETO DO RESPONSÁVEL LEGAL (Nos casos em que não for o Pai ou a Mãe)</label>
                                <input onBlur="upperMe(this.value=upperMe(this.value))" type="text" id="responsavel" name="responsavel" class="form-control">
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-lg-6">
                                <label for="mae">NOME COMPLETO DA MÃE <span class="obg">(OBRIGATÓRIO)</span></label>
                                <input onBlur="upperMe(this.value=upperMe(this.value))" type="text" id="mae" name="mae" class="form-control" data-tipo="mae" required>
                            </div>
                            <div class="form-group col-lg-6">
                                <label for="pai">NOME COMPLETO DO PAI </label>
                                <input onBlur="upperMe(this.value=upperMe(this.value))" type="text" id="pai" name="pai" class="form-control" data-tipo="pai">
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-lg-6">
                                <label for="responsavel_inscricao">RESPONSAVEL PELA INSCRIÇÃO <span class="obg">(OBRIGATÓRIO)</span></label>
                                <input onBlur="upperMe(this.value=upperMe(this.value))" type="text" id="responsavel_inscricao" name="responsavel_inscricao" class="form-control" data-tipo="responsavel_inscricao" required>
                            </div>
                            <div class="form-group col-lg-6">
                                <label for="cpf_responsavel_inscricao">CPF RESPONSAVEL PELA INSCRIÇÃO <span class="obg">(OBRIGATÓRIO)</span></label>
                                <input type="text" id="cpf_responsavel_inscricao" name="cpf_responsavel_inscricao" class="form-control" data-tipo="cpf_responsavel_inscricao" required>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6 form-group">
                                <label for="sequencia">SÉRIE <span class="obg">(OBRIGATÓRIO)</span></label>
                                <select id="sequencia" name="sequencia" class="form-control" data-tipo="sequencia" readonly required>
                                    <option id='branco'> </option>
                                    <option id='op1' value="7"> 1º ANO </option>
                                    <option id='op2' value="8"> 2º ANO </option>
                                    <option id='op3' value="9"> 3º ANO </option>
                                    <option id='op4' value="10"> 4º ANO </option>
                                    <option id='op5' value="11"> 5º ANO </option>
                                </select>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-lg-6 form-group">
                                <label for='nee'>NEE (Necessidades Educativas Especiais)</label>
                                <select class='form-control' id='nee' name='nee' onchange="obrigaFile()">
                                    <option value=''>...</option>
                                    <option value='S'>Sim</option>
                                    <option value='N' selected>Não</option>
                                </select>
                            </div>
                        </div>

                        <h3 class="separador text-center">DOCUMENTOS</h3>

                        <div class="row">
                            <div class="form-group col-lg-6">
                                <label for="cpf">CPF DA CRIANÇA</label>
                                <input type="text" id="cpf" name="cpf" class="form-control" data-tipo="cpf" minlength="11">
                            </div>
                            <div class="form-group col-lg-6">
                                <label for="sus">CARTÃO SUS DA CRIANÇA
                                    <!--<span class="obg">(OBRIGATÓRIO)</span>-->
                                </label>
                                <input type="text" id="sus" name="sus" class="form-control">
                            </div>
                        </div>
                        

                        <div class="row">
                            <div class="form-group col-lg-6">
                                <label for="nacionalidade">NACIONALIDADE DA CRIANÇA<span class="obg">(OBRIGATÓRIO)</span></label>
                                <select class="form-control" type="date" id="nacionalidade" name="nacionalidade" data-tipo="nacionalidade" required>
                                    <option value=""></option>
                                    <option value="1">BRASILEIRO</option>
                                    <option value="2">ESTRANGEIRO</option>
                                    <option value="3">BRASILEIRO NASCIDO NO EXTERIOR</option>
                                </select>
                            </div>
                            <div class="form-group col-lg-6" id='dataNacionalidade'>
                            </div>
                        </div>
                        <div id='outrosDocumentosNacionalidade'></div>

                        <h3 class="separador text-center">CONTATOS</h3>
                        <div class="row">
                            <div class="form-group col-lg-4">
                                <label for="telefone">TELEFONE <span class="obg">(OBRIGATÓRIO)</span></label>
                                <input type="tel" id="telefone" name="telefone" class="form-control" data-tipo="telefone" required>
                            </div>

                            <div class="form-group col-lg-4">
                                <label for="celular">CELULAR</label>
                                <input type="tel" id="celular" name="celular" class="form-control" required>
                            </div>

                            <div class="form-group col-lg-4">
                                <label for="email">Email</label>
                                <input type="email" id="email" name="email" class="form-control">
                            </div>
                        </div>

                        <h3 class="separador text-center">ENDEREÇO</h3>
                        <div class="row">
                            <div class="col-lg-3 form-group">
                                <label for="cep">CEP <span class="obg">(OBRIGATÓRIO)</span></label>
                                <input type="text" id="cep" name="cep" class="form-control" maxlength="9" data-tipo="cep" pattern="[\d]{5}-?[\d]{3}" required>
                            </div>
                            <div class="col-lg-3 form-group">
                                <label for="cidadeuf">ESTADO <span class="obg">(OBRIGATÓRIO)</span></label>
                                <select id="cidadeuf" name="cidadeuf" class="form-control" data-tipo="cidadeuf" required disabled>
                                    <option value=""></option>
                                    <option value="AC">ACRE</option>
                                    <option value="AL">ALAGOAS</option>
                                    <option value="AP">AMAPÁ</option>
                                    <option value="AM">AMAZONAS</option>
                                    <option value="BA">BAHIA</option>
                                    <option value="CE">CEARÁ</option>
                                    <option value="DF">DISTRITO FEDERAL</option>
                                    <option value="ES">ESPÍRITO SANTO</option>
                                    <option value="GO">GOIÁS</option>
                                    <option value="MA">MARANHÃO</option>
                                    <option value="MT">MATO GROSSO</option>
                                    <option value="MS">MATO GROSSO DO SUL</option>
                                    <option value="MG">MINAS GERAIS</option>
                                    <option value="PA">PARÁ</option>
                                    <option value="PB">PARAÍBA</option>
                                    <option value="PR">PARANÁ</option>
                                    <option value="PE">PERNAMBUCO</option>
                                    <option value="PI">PIAUÍ</option>
                                    <option value="RJ">RIO DE JANEIRO</option>
                                    <option value="RN">RIO GRANDE DO NORTE</option>
                                    <option value="RS">RIO GRANDE DO SUL</option>
                                    <option value="RO">RONDÔNIA</option>
                                    <option value="RR">RORAIMA</option>
                                    <option value="SC">SANTA CATARINA</option>
                                    <option value="SP">SÃO PAULO</option>
                                    <option value="SE">SERGIPE</option>
                                    <option value="TO">TOCANTINS</option>
                                </select>
                            </div>
                            <div class="col-lg-3 form-group">
                                <label for="cidade">CIDADE <span class="obg">(OBRIGATÓRIO)</span></label>
                                <select type=text id="cidade" name="cidade" class="form-control" data-tipo="cidade" required disabled>
                                    <option value=""></option>
                                </select>
                            </div>
                            <div class="col-lg-3 form-group">
                                <label for="zona">ZONA</label>
                                <select id="zona" name="zona" class="form-control" disabled>
                                    <option></option>
                                    <option value=1> URBANA </option>
                                    <option value=2> RURAL </option>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-lg-3">
                                <label for="logradouro"> LOGRADOURO <span class="obg">(OBRIGATÓRIO)</span></label>
                                <input type=text id="logradouro" name="logradouro" class="form-control" data-tipo="logradouro" required disabled>
                            </div>

                            <div class="form-group col-lg-3">
                                <label for="bairro"> BAIRRO <span class="obg">(OBRIGATÓRIO)</span></label>
                                <input type=text id="bairro" name="bairro" class="form-control" data-tipo="bairro" required disabled>
                            </div>

                            <div class="form-group col-lg-3">
                                <label for="numcasa"> NÚMERO <span class="obg">(OBRIGATÓRIO)</span></label>
                                <input type=text id="numcasa" name="numcasa" class="form-control" data-tipo="numcasa" required disabled>
                            </div>

                            <div class="form-group col-lg-3">
                                <label for="complemento"> COMPLEMENTO </label>
                                <input onBlur="upperMe(this.value=upperMe(this.value))" type=text id="complemento" name="complemento" class="form-control" disabled>
                            </div>

                        </div>

                        <h3 class="separador text-center">Indique as escolas de interesse</h3>
                        <div class="text-center">
                            <!--
                            <div class='alert alert-info'>
                                <h5>Os critérios para disponibilização de vagas consideram a seguinte pontuação:</h5>
                                <div class='row'>

                                    <div class='col-1'></div>
                                    <div class='col-9 text-left'>

                                        <li> Irmão na unidade - 13 pontos

                                        <li> Responsável com comprovação de emprego / estudante - 10 pontos

                                        <li> Responsável com declaração de emprego - 5 pontos

                                        <li> Beneficiário do bolsa família - 3 pontos
                                    </div>
                                </div>

                            </div>
                        -->
                        </div>
                        <div class='row'>
                            <div class="col-lg-6 form-group">
                                <label for="escola">SELECIONE A ESCOLA <span class="obg">(OBRIGATÓRIO)</span></label>
                                <select class="form-control" id='escola'>
                                    <option value=""></option>
                                </select>
                            </div>
                            <div class="col-lg-6 form-group">
                                <label for="criterio"> Selecione o critério de maior pontuação no qual os responsáveis se enquadram <span class="obg">(OBRIGATÓRIO)</span></label>
                                <select class="form-control" id='criterio'>
                                    
                                        <option value=21> 1 Ponto(s) - SEM CRITÉRIO</option>
                                    
                                        <option value=55> 2 Ponto(s) - PAIS OU RESPONSÁVEL LEGAL COM DEFICIÊNCIA FÍSICA OU COM IDADE IGUAL OU SUPERIOR A 60 ANOS</option>
                                    
                                        <option value=22> 13 Ponto(s) - IRMÃO NA UNIDADE</option>
                                                                    </select>
                            </div>
                        </div>
                        <div id='campoAnexo'></div>
                        <div class='btn btn-salvar text-white float-right' id='btnEnviarIndicacao'>Adicionar indicação</div>
                        <section id='tabelaIndicacao' class='d-none'>
                            <p>&nbsp;</p>
                            <h3 class="separador text-center">INDICAÇÕES</h3>
                            <div class="table-responsive">
                                <table class='table table-bordered table-stripped table-hover'>
                                    <thead class='table-info'>
                                        <tr>
                                            <th>ORDEM</th>
                                            <th>ESCOLA</th>
                                            <th>CRITÉRIO</th>
                                            <!-- <th>DATA DA INDICAÇÃO</th> -->
                                            <th>EXCLUIR</th>
                                        </tr>
                                    </thead>
                                    <tbody id='bodyListaIndicacao'>
                                    </tbody>
                                </table>
                            </div>
                            <div id='anexosIndicacao'></div>
                        </section>
                        <p>&nbsp;</p>
                        <h3 class="separador text-center">ANEXOS</h3>
                        <div class="row">
                            <div class="form-group col-lg-6">
                                <label for="anexoResponsavel">ANEXO DO DOCUMENTO DO RESPONSÁVEL (CPF, RG OU CNH) <span class="obg">(OBRIGATÓRIO)</span></label>
                                <input type="file" class="form-control" name="anexoResponsavel" id="anexoResponsavel" data-tipo="anexoResponsavel" accept="image/jpeg, .pdf" required>
                            </div>

                            <div class="form-group col-lg-6">
                                <label for="anexoEndereco">ANEXO DO COMPROVANTE DE ENDEREÇO EM NOME DOS RESPONSÁVEIS <span class="obg">(OBRIGATÓRIO)</span></label>
                                <input type="file" class="form-control" name="anexoEndereco" id="anexoEndereco" data-tipo="anexoEndereco" accept="image/jpeg, .pdf" required>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-lg-6">
                                <label for="anexoSus">ANEXO DO CARTÃO SUS DA CRIANÇA</label>
                                <input type="file" class="form-control" name="anexoSus" id="anexoSus" data-tipo="anexoSus" accept="image/jpeg, .pdf">
                            </div>
                            <div class="form-group col-lg-6">
                                <label for="anexoCertidao">ANEXO DA CERTIDÃO DE NASCIMENTO DA CRIANÇA<span class="obg">(OBRIGATÓRIO)</span></label>
                                <input type="file" class="form-control" name="anexoCertidao" id="anexoCertidao" data-tipo="anexoCertidao" accept="image/jpeg, .pdf" required>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-lg-6">
                                <label for="anexoTrabalho">ANEXO DE COMPROVANTE DE TRABALHO<span class="obg">(OBRIGATÓRIO CASO OPTAR POR UNIDADE INTEGRAL)</span></label>
                                <input type="file" class="form-control" name="anexoTrabalho" id="anexoTrabalho" data-tipo="anexoTrabalho" accept="image/jpeg, .pdf">
                            </div>
                            <div class="form-group col-lg-6">
                                <label for="anexoTransferencia">ANEXO DE DECLARAÇÃO DE TRANSFERÊNCIA<span>(DA RESPECTIVA UNIDADE ANTERIOR)</span></label>
                                <input type="file" class="form-control" name="anexoTransferencia" id="anexoTransferencia" data-tipo="anexoTransferencia" accept="image/jpeg, .pdf">
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-lg-6">
                                <label for="anexoNee" id="labelAnexoNee">ANEXO DO NEE</label>
                                <input type="file" class="form-control" name="anexoNee" id="anexoNee" data-tipo="anexoNee" accept="image/jpeg, .pdf">
                            </div>
                        </div>
                        <div class="alerta">
                            <p>Assumo inteira responsabilidade pelas informações prestadas e autenticidade das cópias dos documentos anexados para INSCRIÇÃO.</p>
                            <p>Declaro estar de inteira responsabilidade pelas informações prestadas, estando ciente de que a falsidade nas informações implicará nas penalidades cabíveis.</p>
                        </div>
                        <div class="form-group">
                            <input type="checkbox" id="confirmacao" data-tipo="confirmacao" required>
                            <label for="confirmacao">CONFIRMO OS DADOS</label>
                        </div>
                        <div id="respostaSalvar"></div>
                        <button type="submit" id="btnSubmit" class="btn btn-block text-white">CONCLUIR INSCRIÇÃO</button>

                    </form>
                            </div>
        </div>
    </div>
    <p>&nbsp;</p>
</body>

<script src="https://polyfill.io/v3/polyfill.js"></script>
<script src="./js/conferenciaCertidao.js?i=1719693999"></script>

<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>

<script src="./js/formularioFund.js?i=614639356" type="text/javascript"></script>
<script src="./js/conferenciaCPF.js?i=1940114721"></script>

</html>