    <form action="https://makeacademia.com.br/makebc/wp-admin/admin-post.php" method="POST" id="aluno_form">
    <fieldset>
        <input type="hidden" name="action" value="aluno_cadastro">
        <input type="hidden" name="emailPreCadastrado" id="emailPreCadastrado" value="">
        
        <style>
            
                        .aposEmail{
                            display:none;
                        }
                        .botaoEnviarEmail{
                            display:block;
                        }
                        .mensagemEmailJaExiste{
                            display:none;
                            color:red;
                        }
                            </style>

        <!-- ALUNO -->
        <h2>Acessar com</h2>
        <input type="hidden" name="chave_conta" id="chave_conta" value="email">

        
        <!-- Email -->
        <div id="syspayBlocoEmail">
        <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
            <label for="aluno_email">
                Email&nbsp;&nbsp;&nbsp;
                <img width="20px;" id="email_loader" style="display:none;" src="https://makeacademia.com.br/makebc/wp-content/uploads/images/loader.gif">
            </label>
            <input
                type="text"
                class="woocommerce-Input woocommerce-Input--text input-text"
                name="aluno_email"
                id="aluno_email"
                value=""
                onfocusout="validarEmailSubmit()"                
            />
            <div class="hidden" style="color:red;" id='aluno_email_error'>Verifique o Email</div>
            <div class="mensagemEmailJaExiste" id='mensagemEmailJaExiste'>Este Email já está cadastrado. Troque o Email ou <a class="link-color" href='../minha-conta'>faça login</a></div>
        </p>



        <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide botaoEnviarEmail" style="margin:0 0 0 0 !important;" id="botaoEnviarEmail">
            <button type="button" class="woocommerce-Input woocommerce-Input--text input-text email_submit woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide" name="email_submit" id="email_submit">Continuar</button>
        </p>
        </div>

        <div class='aposEmail' id='aposEmail'>
            <h2>Dados do Aluno</h2>
                
            <!-- Número e tipo do documento do aluno (mesma linha) -->
            <div class="syspay-doc-row"><p class="form-row syspay-doc-numero"><label class="syspay-doc-numero-label" for="aluno_cpf">Número do CPF</label><input type="text" class="woocommerce-Input woocommerce-Input--text input-text doc-number-mask" name="aluno_cpf" id="aluno_cpf" value="" autocomplete="off" autocorrect="off" spellcheck="false" data-1p-ignore="true" data-lpignore="true" data-form-type="other" readonly="readonly" onfocus="this.removeAttribute('readonly');" onfocusout="validarAlunoCpf()" /><div class="hidden" style="color:red;" id="aluno_cpf_error">Verifique o documento</div></p><p class="form-row syspay-doc-tipo"><label for="aluno_doc_type">Tipo</label><select class="woocommerce-Input woocommerce-Input--select input-text syspay-doc-type" name="aluno_doc_type" id="aluno_doc_type"><option value="CPF" data-rotulo-numero="Número do CPF" selected='selected'>CPF</option><option value="CI_PY" data-rotulo-numero="Número da cédula">Cédula paraguaia</option><option value="DNI_AR" data-rotulo-numero="Número do DNI">DNI argentino</option><option value="PASSPORT" data-rotulo-numero="Número do passaporte">Passaporte</option><option value="OTHER" data-rotulo-numero="Número do documento">Outro documento</option></select></p></div>
            <!-- Nome completo -->
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide" style="margin:0 0 0 0 !important;">
                <label for="aluno_nome">Nome completo                <input 
                    type="text"
                    class="woocommerce-Input woocommerce-Input--text input-text name-mask"
                    name="aluno_nome"
                    id="aluno_nome"
                    value=""
                    onfocusout="validarAlunoNome()"
                />
                <div class="hidden" style="color:red;" id='aluno_nome_error'>Verifique o Nome</div>
            </p>

            <!-- Sexo -->
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
                <label for="aluno_sexo">Sexo</label>
                                <label>
                    <input
                        type="radio"
                        name="aluno_sexo"
                        id="aluno_sexof"
                        value="f"
                        class="woocommerce-Input woocommerce-Input--radio input-radio"
                                            >
                        Feminino                    </input>
                </label>

                <!--input
                    type="text"
                    class="woocommerce-Input woocommerce-Input--text input-text"
                    name="aluno_sexo"
                    id="aluno_sexo"
                    value=""
                    onfocusout=""
                /-->
                <div class="hidden" style="color:red;" id='aluno_sexo_error'>Verifique o sexo</div>
            </p>

            <!-- Telefone: no 1º aluno por WhatsApp o número da conta já é o telefone -->
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide" id="syspayCampoTelefone" style="margin:0 0 0 0 !important;">
                <label for="aluno_telefone">Telefone                <input
                    type="text"
                    class="woocommerce-Input woocommerce-Input--text input-text fone-mask required"
                    name="aluno_telefone"
                    id="aluno_telefone"
                    value=""
                    placeholder="(00) 00000-0000"
                    onfocusout="validarAlunoTelefone()"
                />
                <div class="hidden" style="color:red;" id='aluno_telefone_error'>Verifique o telefone</div>
            </p>

            <!-- Data de nascimento -->
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide" style="margin:0 0 0 0 !important;">
                <label for="aluno_nascimento">Data de Nascimento                <input 
                    type="text"
                    class="woocommerce-Input woocommerce-Input--text input-text data-mask" 
                    name="aluno_nascimento"
                    id="aluno_nascimento"
                    value=""
                    placeholder='dd/mm/aaaa'
                    required
                    onfocusout="verificaIdadeParaCampoResponsavel()"
                />
                <div class="hidden" style="color:red;" id='aluno_nascimento_error'>Verifique a data de nascimento</div>
            </p>

            <style>
                .responsavel{
                    display:none;
                }
            </style>

            <!-- RESPONSÁVEL -->
            <div class='responsavel' id='responsavel'>
                <h2> Dados do Responsável </h2>
                
                <!-- Número e tipo do documento do responsável -->
                <div class="syspay-doc-row"><p class="form-row syspay-doc-numero"><label class="syspay-doc-numero-label" for="responsavel_cpf">Número do CPF</label><input type="text" class="woocommerce-Input woocommerce-Input--text input-text doc-number-mask" name="responsavel_cpf" id="responsavel_cpf" value="" autocomplete="off" autocorrect="off" spellcheck="false" data-1p-ignore="true" data-lpignore="true" data-form-type="other" readonly="readonly" onfocus="this.removeAttribute('readonly');" onfocusout="validarResponsavelCpf()" /><div class="hidden" style="color:red;" id="responsavel_cpf_error">Verifique o documento do responsável</div></p><p class="form-row syspay-doc-tipo"><label for="responsavel_doc_type">Tipo</label><select class="woocommerce-Input woocommerce-Input--select input-text syspay-doc-type" name="responsavel_doc_type" id="responsavel_doc_type"><option value="CPF" data-rotulo-numero="Número do CPF" selected='selected'>CPF</option><option value="CI_PY" data-rotulo-numero="Número da cédula">Cédula paraguaia</option><option value="DNI_AR" data-rotulo-numero="Número do DNI">DNI argentino</option><option value="PASSPORT" data-rotulo-numero="Número do passaporte">Passaporte</option><option value="OTHER" data-rotulo-numero="Número do documento">Outro documento</option></select></p></div>
                <!-- Nome completo -->
                <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide" style="margin:0 0 0 0 !important;">
                    <label for="responsavel_nome">Nome completo                    <input
                        type="text"
                        class="woocommerce-Input woocommerce-Input--text input-text name-mask"
                        name="responsavel_nome"
                        id="responsavel_nome"
                        value=""
                        onfocusout="validarResponsavelNome()"
                    />
                    <div class="hidden" style="color:red;" id='responsavel_nome_error'>Verifique o Nome do Responsável</div>
                </p>

                <!-- Checkboxes -->
                <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide" style="margin:0 0 0 0 !important;">
                    <label style="cursor: pointer;">
                        <input
                            type="checkbox"
                            class="woocommerce-Input woocommerce-Input--checkbox input-checkbox"
                            name="responsavel_checkbox_contrato"
                            id="responsavel_checkbox_contrato"
                                                    >
                            Estou ciente que o responsável precisa ir pessoalmente na academia assinar o contrato.                        </input>
                    </label>
                    <div class="hidden" style="color:red;" id='responsavel_checkbox_contrato_error'>Aceite para continuar</div>
                </p>
                <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide" style="margin:0 0 0 0 !important;">
                    <label style="cursor: pointer;">
                        <input
                            type="checkbox"
                            class="woocommerce-Input woocommerce-Input--checkbox input-checkbox"
                            name="responsavel_checkbox_avaliacao"
                            id="responsavel_checkbox_avaliacao"
                                                    >
                            Estou ciente que a avaliação física é obrigatória para menores de 18 anos (será incluída na próxima página).                        </input>
                    </label>
                    <div class="hidden" style="color:red;" id='responsavel_checkbox_avaliacao_error'>Aceite para continuar</div>
                </p>
            </div>

            <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide" style="margin:0 0 0 0 !important;">
                <button type="button" class="woocommerce-Input woocommerce-Input--text input-text aluno_submit woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide" name="aluno_submit" id="aluno_submit">Enviar</button>
            </p>
            <div class="clear"></div>

        </div>
    </fieldset>
    </form>
    {"id":25,"date":"2024-07-02T14:37:19","date_gmt":"2024-07-02T17:37:19","guid":{"rendered":"https:\/\/makeacademia.com.br\/makebc\/?page_id=25"},"modified":"2024-07-02T14:37:19","modified_gmt":"2024-07-02T17:37:19","slug":"cadastro-de-aluno","status":"publish","type":"page","link":"https:\/\/makeacademia.com.br\/makebc\/cadastro-de-aluno\/","title":{"rendered":"Cadastro de Aluno"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/makeacademia.com.br\/makebc\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/makeacademia.com.br\/makebc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/makeacademia.com.br\/makebc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/makeacademia.com.br\/makebc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/makeacademia.com.br\/makebc\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":1,"href":"https:\/\/makeacademia.com.br\/makebc\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/makeacademia.com.br\/makebc\/wp-json\/wp\/v2\/pages\/25\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/makeacademia.com.br\/makebc\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}