{% extends 'base.html' %}
{% load i18n static %}

{% block title %}{% blocktrans %}Argelg | Connexion{% endblocktrans %}{% endblock %}

{% block header %}
    {% include 'frags/nav.html' %}
{% endblock %}

{% block content %}

    <section class="wrapper wrapper--centered column column--top column--spaced">
        <div class="contact">
            <h2 class="title text--color">Se connecter</h2>
            <p>Pour aller plus loin, vous devez vous identifier. Cette partie du site est réservée aux membres préalablement inscrits sur ce site.</p>
        </div>

        <form class="contact--form" method="POST">
            <div class="form__part">
                {% csrf_token %}
                {% include 'frags/form_inputs.html' with form_input=form.email input_class="field" input_placeholder=_("Votre email *") input_type="text" %}
            </div>

            <div class="form__part">
                {% include 'frags/form_inputs.html' with form_input=form.password input_class="field" input_placeholder=_("Votre mot de passe *") input_type="password" %}
            </div>

            <!-- <label class="checkbox__label">
                    <input type="checkbox">
                    <span class="checkbox__text">Se connecter automatiquement à chaque visite</span>
                </label> -->

            <a href="{% url 'password_reset' %}" class="link link--primary">{% trans "Mot de passe oublié ?" %}</a>


            <div class="text--right">
               <input class="btn" type="submit" value="Se connecter"> 
            </div>
            

        </form>
    </section>

{% endblock %}

{% block footer %}
    {% include 'frags/footer.html' %}
{% endblock %}