<section class="modal no-close center" id="modalAtualizaEmail">
    <div class="inner-modal width-400">
        <div class="box" id="boxEmail">
            <div class="head-box sticky">
                <h3 class="title">Atualizar e-mail</h3>
                <p class="">Informe o novo e-mail desejado. Enviaremos notificações sobre sua conta para ele.</p>
            </div>
            <form class="form" id="formAtualizaEmail" method="post" action="./controller/gera_token_2fa.php">
                <div class="fields">
                    <div class="row cols2">
                        <div class="input-content">
                            <input type="email" name="novo_email" id="field_novo_email" class="input field-email" required>
                            <label for="field_cnpj">Digite o e-mail</label>
                        </div>
                    </div>
                    <div class="row-botao">
                        <button disabled type="submit" class="botao primary botao-submit" id="btnEnvia2FAEmail">
                            <span class="text">Continuar</span>
                            <span class="load" id="load2FAEmail"></span>
                        </button>
                    </div>
                </div>
            </form>
            <div class="close" id="fechaModalAtualizaEmail">
                <span class="material-icons-round">close</span>
            </div>
        </div>
        <div class="box hide" id="boxToken">
            <div class="head-box sticky">
                <h3 class="title">Atualizar e-mail</h3>
                <p>Informe o código de verificação enviado para <b class="email-envio"></b> para confirmar a alteração do e-mail.</p>
            </div>
            <form class="form" id="formConfirmaAlteracaoEmail" method="post" action="./controller/atualiza_email_usuario.php">
                <div class="fields">
                    <div class="row cols2 gap-small">
                        <div class="input-content">
                            <input type="text" name="token" id="token" class="input input-token mask-token" required>
                        </div>
                        <input type="hidden" name="novo_email" id="novo_email" required>
                    </div>
                    <div>
                        <div class="row-botao mb-1">
                            <button disabled type="submit" class="botao primary botao-submit" id="btnConfirmaAlteracaoEmail">
                                <span class="text">Confirmar</span>
                                <span class="load" id="loadAlteracaoEmail"></span>
                            </button>
                        </div>
                        <div class="row-botao">
                            <button type="button" disabled class="botao secondary" id="btnReenviarToken">
                                <span class="text">Reenviar código <u>()</u></span>
                                <span class="load" id="loadReenviarToken"></span>
                            </button>
                        </div>
                    </div>

                </div>
            </form>
            <div class="close" id="fechaModalAtualizaEmailToken">
                <span class="material-icons-round">close</span>
            </div>
        </div>
    </div>
</section>