
<div id="termo_uso" class="modal " tabindex="-1" >
    <div class="modal-content">
        <h4><b>Termo de Uso</b>  <a  class="modal-close" style="float: right; color: gray"><i class="fa fa-times"></i></a></h4>
       
        <hr>
        <span style="font-size: 12pt;"> 
            <?php echo $termos['conteudo']; ?>                
        </span>
    </div>
</div>
<div id="promo25" class="modal " tabindex="-1" >
    <div class="modal-content">
        <h4><b>Termo de Uso</b>  <a  class="modal-close" style="float: right; color: gray"><i class="fa fa-times"></i></a></h4>
       
        <hr>
        <span style="font-size: 12pt;"> 
            <?php echo $termos['conteudo']; ?>                
        </span>
    </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> Precisamos validar o seu CPF para a emissão do Certificado
        </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>
                </div>
        </div>
        
        <button class="btn waves-effect waves-light" type="submit" style="background-color: #2ba447; width: 100%;">Enviar</button>

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

<div id="cadastro" class="modal">
    <div class="modal-content">
        <div class="form-error-cadastro">
        </div>
        <form id="form-cadastro-aluno" autocomplete="off">
            <div class="row">
                <div class="input-field col s12">
                    <input autofocus="" name="nome-aluno" type="text" class="nome-aluno" required="" minlength="10">
                    <label for="nome" >Nome Completo</label>
                </div>
            </div>
            <div class="row">
                <div class="input-field col s12" style="margin-top: -2%">
                    <div class="emails"></div>
                    <label for="email" data-error="Errado" data-success="Correto"></label>
                </div>
            </div>
            <div class="row">
                <div class="input-field col s12" style="margin-top: -4%">
                    <input name="senha-aluno" autocomplete="off" type="password" class="senha-aluno" required="" minlength="6">
                    <label for="senha">Senha</label>
                </div>
            </div>
            <div class="row">
                <div class="input-field col s12" style="margin-top: -4%">
                    <input name="senha-aluno-conf" autocomplete="off" type="password" class="senha-aluno-conf" required="" minlength="6">
                    <label for="senha">Confirmação de Senha</label>
                </div>
            </div>
            <div class="row">
                <div class="input-field col s5 m4" style="margin-top: -4%">
                    <input type="tel" class="only-number" required="" name="ddd" pattern="[0-9]+$" minlength="2" maxlength="2">
                    <label for="ddd">DDD</label>

                </div>
                <div class="input-field col s7 m8" style="margin-top: -4%">
                    <input type="tel" class="only-number" required="" name="celular" minlength="9" maxlength="9" pattern="[0-9]+$">
                    <label for="celular">Celular</label>
                </div>
            </div>
            <p style="margin-left: 1%;"> 
                <input type="checkbox" id="termo" class="filled-in" name="termo" required=""/>
                <label for="termo">Concordo com o <a href="" class="modal-trigger modal-termo tooltipped"  data-target="termo_uso" data-position="right" data-delay="50" data-tooltip="Clique para mais detalhes"><b>Termo de Uso</b></a></label>
            </p>
            <br>
            <div class="col s12">
                <button class="btn waves-effect waves-light cadastra" type="submit" name="action" style="background-color: #2ba447; width: 100%;">Continuar</button>
            </div>
        </form>
    </div>
</div>

<div id="recuperar-senha" class="modal">
    <div class="modal-content">
        <h4><b>Recuperar Senha</b></h4>
        <hr>
        <form method="POST" id="senha-recuperar" autocomplete="off">
            <div class="row">
                <div class="input-field col s12">
                    <div class="emails"></div>
                </div>
            </div>
            <div align="center">
            <button class="btn waves-effect waves-light col s12" type="submit" name="action" style="background-color: #2ba447; width: 100%;">Enviar</button>
            </div>
        </form>
    </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%;" alt="Imagem da assinatura do aluno" title="Imagem da assinatura do aluno">
            </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>