Axel Axt
112 lines
3.8 KiB
PHP
112 lines
3.8 KiB
PHP
<?php require __DIR__ . '/../../includes/navbar.php'; ?>
|
|
|
|
<div class="container-fluid vh-100 d-flex align-items-center justify-content-center">
|
|
<div class="row mx-0 login-box">
|
|
|
|
<!-- IZQUIERDA -->
|
|
|
|
<div class="col-lg-6 col-md-6 d-flex flex-column justify-content-center text-white p-5"
|
|
style="background: linear-gradient(135deg, #0f172a, #1e3a5f, #3b82b8); border-radius: 16px 0 0 16px;">
|
|
|
|
<div class="text-center mb-4">
|
|
<img src="imgs/logo.png" style="width: 120px;">
|
|
</div>
|
|
|
|
<h1 class="fw-bold text-center text-white">
|
|
<a href="?opt=login" class="text-decoration-none fw-semibold text-white">
|
|
ByteCenter
|
|
</a>
|
|
</h1>
|
|
|
|
<p class="mt-3 fs-5 text-center">
|
|
Te enviamos un código a tu correo.
|
|
<br>Ingresalo para continuar.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- DERECHA -->
|
|
|
|
<div class="col-lg-6 col-md-6 d-flex align-items-center p-5 bg-white"
|
|
style="border-radius: 0 16px 16px 0;">
|
|
|
|
<div class="w-100">
|
|
|
|
<h4 class="text-center mb-4">Verificar Código</h4>
|
|
|
|
<form method="POST" action="?opt=verificar_codigo" novalidate>
|
|
|
|
<input type="hidden" name="csrf_token" value="<?= $_SESSION['csrf_token'] ?>">
|
|
|
|
<!-- CODIGO -->
|
|
|
|
<div class="form-floating mb-4">
|
|
<input
|
|
type="text"
|
|
name="codigo"
|
|
class="form-control input-lg"
|
|
maxlength="6"
|
|
placeholder="Código de verificación"
|
|
required
|
|
>
|
|
<label>Código de verificación</label>
|
|
</div>
|
|
|
|
<!-- BOTONES -->
|
|
|
|
<div class="d-flex flex-column gap-2">
|
|
|
|
<button type="submit" class="btn btn-primary btn-lg w-100">
|
|
Verificar código
|
|
</button>
|
|
|
|
<!-- REENVIAR -->
|
|
|
|
<button type="submit"
|
|
formaction="?opt=recuperar_cuenta"
|
|
formmethod="POST"
|
|
class="btn btn-success text-center mt-4">
|
|
Reenviar código
|
|
</button>
|
|
|
|
<a href="?opt=login" class="btn btn-secondary text-center mt-0">
|
|
Volver al login
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
<!-- ERROR -->
|
|
|
|
<script>
|
|
const serverErrors = <?php
|
|
if (!empty($_SESSION['flash_error'])) {
|
|
$errorsArray = explode('<br>', $_SESSION['flash_error']);
|
|
unset($_SESSION['flash_error']);
|
|
echo json_encode($errorsArray);
|
|
} else {
|
|
echo '[]';
|
|
}
|
|
?>;
|
|
</script>
|
|
|
|
<!-- SUCCES -->
|
|
|
|
<script>
|
|
const serverSuccess = <?php
|
|
if (!empty($_SESSION['flash_success'])) {
|
|
$successArray = explode('<br>', $_SESSION['flash_success']);
|
|
unset($_SESSION['flash_success']);
|
|
echo json_encode($successArray);
|
|
} else {
|
|
echo '[]';
|
|
}
|
|
?>;
|
|
</script>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/login/logInValidator.js"></script>
|