{% extends "base.html" %}
{% block content %}
    <h1>Connexion</h1>
    {% for error in form.non_field_errors %}<article class="message error">{{ error }}</article>{% endfor %}
    <form method="post" {% if action %}action="{% url action %}"{% endif %}>
        {% csrf_token %}
        {% for field in form %}
            <fieldset>
                {% if field.id_for_label %}
                    <label for="{{ field.id_for_label }}">{{ field.label }}</label>
                {% else %}
                    <legend>{{ field.label }}</legend>
                {% endif %}
                {{ field }}
                {% if field.errors %}
                    <small id="{{ field.errors.field_id }}_error" class="form-error">{{ field.errors|join:", " }}</small>
                {% endif %}
            </fieldset>
        {% endfor %}
        <button type="submit">Me connecter</button>
        <p>
            <a href="{% url "signup" %}" role="button" class="secondary">Créer mon compte</a>
        </p>
        <p>
            <a href="{% url "password_reset" %}"
               role="button"
               class="outline secondary">J'ai oublié mon mot de passe</a>
        </p>
    </form>
{% endblock content %}