    <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> Dados do Aluno</h2>
        
        <!-- Email -->
        <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">Verificar Email</button>
        </p>

        <div class='aposEmail' id='aposEmail'>
                
            <!-- CPF -->
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide" style="margin:0 0 0 0 !important;">
                <label for="aluno_cpf">CPF do Aluno (A pessoa que vai utilizar o plano)
                <input
                    type="text"
                    class="woocommerce-Input woocommerce-Input--text input-text cpf-mask"
                    name="aluno_cpf"
                    id="aluno_cpf"
                    value=""
                    onfocusout="validarAlunoCpf()"
                />
                <div class="hidden" style="color:red;" id='aluno_cpf_error'>Verifique o CPF</div>
            </p>

            <!-- 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 -->
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide" 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>
                
                <!-- CPF -->
                <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide" style="margin:0 0 0 0 !important;">
                    <label for="responsavel_cpf">CPF
                    <input
                        type="text"
                        class="woocommerce-Input woocommerce-Input--text input-text cpf-mask"
                        name="responsavel_cpf"
                        id="responsavel_cpf"
                        value=""
                        onfocusout="validarResponsavelCpf()"
                    />
                    <div class="hidden" style="color:red;" id='responsavel_cpf_error'>Verifique o CPF do Responsável</div>
                </p>

                <!-- 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}]}}