{% extends 'base.html' %}
{% load crispy_forms_tags %}
{% block title %}Connexion{% endblock %}
{% block content %}
  <p class="desktop-hidden mobile-content-title">
    {% block content_title %}Connexion{% endblock %}
  </p>
  <div class="box">
    <div class="columns is-flex is-flex-direction-column">
      <form method="post">
        <div class="column">
          {{ form | crispy }}
          <a href="{% url 'accounts:password_reset' %}"
             class="is-size-7 has-text-primary">Mot de passe oublié ?</a>
        </div>
        <div class="column">
          <button class="button is-primary" type="submit">Se connecter</button>
        </div>
        <div class="has-text-centered">
          <p class="is-size-7">
            Pas de compte ? <a href="{% url 'accounts:signup' %}" class="has-text-primary">Créez en un !</a>
          </p>
        </div>
        {% csrf_token %}
      </form>
    </div>
  </form>
</div>
{% endblock %}