{% extends "ui/base.html" %}

{% load crispy_forms_tags i18n ui %}

{% block body_class %}d-flex justify-content-center flex-column{% endblock %}

{% block body %}
  <div class="container">
    <div class="row">
      <div class="col col-12 col-md-6 offset-md-3">
        <div class="card">
          <div class="card-header text-center">
            <p class="fs-3 mb-0">{{ SITE_TITLE }}</p>
          </div>
          <div class="card-body">
            <p class="lead">{% translate "See you later!" %}</p>
            <p class="mb-0">
              <a
                class="btn btn-primary"
                href="{% url 'ui.accounts.login' %}"
              >
                {% translate 'Log in' %}
              </a>
            </p>
          </div>
        </div>
        {% include "ui/ui/partials/uname.html" %}
      </div>
    </div>
  </div>
{% endblock %}
