{% extends "base.html" %}

{% load allauth %}

{% load i18n %}

{% block bodyclass %}
  bg-light
{% endblock bodyclass %}
{% block css %}
  {{ block.super }}
{% endblock css %}
{% block title %}
  {% block head_title %}
    {% trans "Sign In" %}
  {% endblock head_title %}
{% endblock title %}
{% block body %}
  <div class="d-flex justify-content-center h-100 py-4">
    <div class="col-md-4 py-4 my-4 px-4">
      {% if messages %}
        {% for message in messages %}
          <div class="alert alert-dismissible {% if message.tags %}alert-{{ message.tags }}{% endif %}">
            {{ message }}
            <button type="button"
                    class="btn-close"
                    data-bs-dismiss="alert"
                    aria-label="Close"></button>
          </div>
        {% endfor %}
      {% endif %}

      {% element h2 %}Coming soon!{% endelement %}

      <p>Alphabet Learning is a brand new platform setting 
         education resources. As of October 2024, the site is currently in active development 
        and will be launched soon.</p>

      <hr>

      {% block content %}
      {% endblock content %}
    </div>
  </div>
{% endblock body %}