
<div id="reconsultar_cpf" class="modal">
    <div class="modal-content">
        <h4><b>Atualizar Dados Cadastrais</b></h4>
        <hr>
       <p>Essa ação deve ser utilizada apenas quando seu nome sofreu alguma alteração por razões judiciais, tais como: Casamento, Divórcio ou afins.
        Antes de executar esse procedimento certifique-se de que seu Cadastro de Pessoa Física está atualizado junto ao órgão
        competente (Receita Federal), pois consultaremos diretamente com esse orgão seu registro mais atual, buscando se houve mudanças no seu nome.
        Caso a mudança ainda não tenha ocorrido junto ao órgão, seu nome permanecerá inalterado e <b> você só poderá utilizar esse recurso novamente após 30 dias </b>.
       </p>
    </div>
    <div class="modal-footer">
      <a href="javascript:void(0)" class="modal-close waves-effect waves-green btn blue darken-4 btn-end" >Cancelar</a>
      <a href="<?= base_url('forca_nome') ?>" class="btn waves-effect waves-light btn-curso btn-end" >Concordo</a>
    </div>
    
</div>
<div id="cpf" class="modal" tabindex="-1" >
    <div class="modal-content">
        <h4><b>CPF</b>  <a  class="modal-close" style="float: right; color: gray"><i class="fa fa-times"></i></a></h4>
        <div class="alert alert-info " role="alert">
            <i class="fa fa-exclamation-circle"></i> Informe o seu CPF para concluir o seu cadastro!
        </div>
        <form method="POST" autocomplete="off" id="form-cpf">
            <div class="row">
                <div class="input-field col s12 m12">
                    <input class="cpf" type="tel" name="cpf"  placeholder="CPF"  autocomplete="off"  pattern="\d{3}\.\d{3}\.\d{3}-\d{2}" minlength="11" maxlength="11" required="" autofocus="">
                    <label for="cpf">Digite o seu CPF</label>
                    <span>  Para sua segurança o nome que será exibido em seu certificado estará de acordo com os dados do CPF</span>
                </div>
                
                 
                
            </div>

            <button class="btn waves-effect waves-light" type="submit" id="enviar" style="background-color: #2ba447; width: 100%;">Enviar</button>
             
            <div class="row">
            <div class="input-field col s12 m12">    
            <div id="nome">
            <div id="nm"></div>
            <br>
            <button class="btn waves-effect waves-light" type="submit" id="confirmar" style="background-color: #2ba447; width: 100%;">Confirmar</button>
            </div>
            </div>  
            </div>  
            

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

<div id="manual" class="modal " tabindex="-1" >
    <div class="modal-content">
        <h4><b>Manual de Instrução</b>  <a  class="modal-close" style="float: right; color: gray"><i class="fa fa-times"></i></a></h4>
        <hr>
        <div class="video-container">
<!--           <iframe src="https://drive.google.com/file/d/1_1bh2_oHUhEA1FpTQmrPp-HtOz0TPszy/preview" ></iframe>-->
        </div>
    </div>
</div>

<div id="assinatura-certificado" class="modal">
    <div class="modal-content">
        <h4><b>Edição de Assinatura</b></h4>

        <input type="hidden" name="x" id="assinaturaX"/>
        <input type="hidden" name="y" id="assinaturaY"/>
        <input type="hidden" name="width" id="assinaturaWidth"/>
        <input type="hidden" name="height" id="assinaturaHeight"/>

        <div id="editor-assinatura">
            <img  class="responsive-img" id="imagem-assinatura-aluno" src="" style="width:50%;">
        </div>
        <br>
        <div align="center">
            <button class="btn waves-effect waves-light col s12 recorta" style="background-color: #2ba447; width: 100%;" >Enviar</button>
        </div>

    </div>
</div>