<?php
    if (file_exists("./content/header.php")){
        include_once("./content/header.php");
    }
?>

<div class="pageCnt">
    <div class="centerCell">
        <div class="register-card content">
            <div>
                <h1 class="register-title" id="register">Registro</h1>
            </div>
            <div class="register-timeline">
                <div class="term-and-conditions">
                    <div class="white-space-left"></div>
                    <i class="fas fa-check check-done check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="register1">Términos y Condiciones</h6>
                </div>
                <div class="access-data">
                    <i class="fas fa-check check-done check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="register2">Datos de Acceso</h6>
                </div>
                <div class="verification-number">
                    <i class="fas fa-check check check-icon"></i>
                    <h6 class="text-timeline poppins-bold" id="register3">Número de Verificación</h6>
                </div>
                <div class="login-app">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="register4">Ingreso a la Aplicación</h6>
                    <div class="white-space-right"></div>
                </div>
            </div>
            
            <div class="title-register">
                <h3 class="poppins-bold" id="registerTitle">Número de Verificación</h3>
            </div>
            
            <div class="card" style="display:block">
                <p class="poppins-regular numV" style="display:block" id="principaltext"> Se envió un número de verificación al correo</p>
                <div class="emailVerification" style="display: block;">
                    <h5 class="poppins-medium" id="usr" style="display: block;"><?php echo $_GET["usr"]; ?></h5>
                </div>
                <p class="poppins-regular textnum numV" id="secondarytext">Por favor indique el número recibido para continuar</p>
                <input type="number" name="number" placeholder="* * * * *" class=" formInput poppins-black" id="number" onkeypress="return onlyNumber(event)">
                
                <p class="poppins-regular error" id="ehash"></p>
                <h6 class="poppins-regular resend" id="resend">Enviar de nuevo</h6>
            </div>
            
            <div class="buttons">
                <div id="previous"><button type="submit" id="previous-button" class="cancel-button poppins-medium whiteButton">ANTERIOR</button></div>
                <div id="next"><button type="submit" id="next-button" class="accept-button poppins-medium blueButton">VALIDAR NÚMERO</button></div>
            </div>
        </div>
    </div>
</div>

<div class="waitScreen" id="waitScreen">
    <div class="spinChar">
        <i class="fas fa-circle-notch fa-spin"></i>
    </div>
</div>