<!DOCTYPE html>
<html>
<head>
  {% load static %}
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://fonts.googleapis.com/css?family=Inter&display=swap" rel="stylesheet">
  <!-- Enlace a Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  <link href="{% static 'css/main.css' %}" rel="stylesheet">
  <title>Verificar email</title>
</head>
<body class="pagina-fondo">
  
  <div class="container">
    <div class="row align-items-center" style="height:100vh;">
      <div class="col d-flex justify-content-center">
        <div class="container pagina-blanco login-contenedor">                    
          <div class="text-center">  
            <img class="img-fluid" src="/static/images/Logo cozcyt.png" alt="Logo" width="60%" height="auto">
            <p class="h6" style="color: #676767; text-align:justify; font-weight: lighter;">
                Mandamos un correo a su dirección de email. 
                Verifique su cuenta y de click en el link para completar 
                su registro. El rnlace estará activo por<strong> 24 horas</strong>.
            <br>Si no recibió ningún correo, presione el botón de “Reenviar correo” 
                o verifique que su correo esté escrito correctamente.
            </p>
          </div>
          <div class="float-container">
            <form method="POST">
                {% csrf_token %}
                {% for field in form %}
                    <div class="fieldWrapper">
                        {{ field.errors }}
                        {{ field }}
                    </div>
                {% endfor %}
                <div class = "float-child">
                    <div class = "btn-login" style="padding-top: 30px;">
                        <p class="h6 mb-4"><a href="/login/">Iniciar sesión</a></p>
                    </div>
                </div>
                <div class = "float-child">
                    <div class = "btn-email">
                        <button href ="#" type="submit" class="btn btn-aceptado btn-lg my-3" name="reenviar-correo">Reenviar correo</button>
                    </div>
                </div>
            </form>
          </div>
        </img>
        </div>
      </div>
    </div>
  </div>
</body>
</html>