{% extends 'base_blank.html' %}
  {% load static %}
  {% block titulo %}    
    Login
  {% endblock titulo %}

  {% block body %}
  <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 w-75" src="{% static 'images/LogoCozcyt.png' %}" alt="Logo" >   
            <p class="h5" style="color: #676767;">
              Bienvenido al sistema de impulso al talento
            </p>
          </div>
          {% for message in messages %}
              
            <div class="alert alert-danger">
                <a class="close" href="#" data-dismiss="alert">×</a>
                  {{ message }}
            </div>

          {% endfor %}
          <div class="col text-center">
            <form method="POST">
              {% csrf_token %}
              {% for field in form %}
                  <div class="fieldWrapper">
                      {{ field.errors }}
                      {{ field }}
                  </div>
              {% endfor %}
              <!-- 
              <input class="form-control form-control-lg mt-3" type="text" required id="curp" name="curp"  placeholder="Curp">
              <input  class="form-control form-control-lg my-3" type="password" required id="id_password" name="password"   placeholder="Contraseña">
              -->
              <p class="h6"><a href="#">¿Olvidaste tu contraseña?</a></p>
              <button type="submit" class="btn btn-aceptado btn-lg my-3 " name="iniciar sesion">Iniciar Sesión</button>
              <p class="h6 mb-4"><a href="{% url 'usuarios:register' %}">Registrarse</a></p>
              
            </form>
          </div>
        </img>
        </div>
      </div>
    </div>
  </div>
  {% endblock body %}