{% extends "base.html" %}

{% block content %}
<div class="wrapper container">
    <div class="col-11 col-lg-5 mx-auto">
        <form class="form-sign mb-3" method="post">
            {% csrf_token %}
            <h1 class="fs-2 mb-4">Connexion</h1>

            {{ form.non_field_errors }}
            <div class="mb-4">
                <label for="id_username" class="form-label w-100">Adresse électronique</label>
                {{ form.username.errors }} {{ form.username }}
            </div>
            <div class="mb-3">
                <label for="id_password" class="form-label w-100">Mot de passe</label>
                {{ form.password.errors }} {{ form.password }}
            </div>
            <div class="mb-4">
                <a href="{% url 'password_reset' %}" class="text-link">Mot de passe oublié ?</a>
            </div>
            <button class="btn btn-cta btn-light" type="submit">Se connecter</button>
        </form>
    </div>            
</div>
{% endblock content %}
