{% extends "base.html" %}
{% load staticfiles %}
{% load i18n %}

{% block content %}

<div class="row">
    <div class="large-12 columns">
        <h2>Réinitialiser son mot de passe</h2>
        <p>Nouvel adhérent ? Mot de passe perdu ?<br/>Saisissez l'adresse email de votre compte afin de reçevoir les instructions pour en définir un nouveau.</p>

        {% if form.errors %}
        <div class="alert-box alert">
            {% if form.errors.items|length == 1 %}{% trans "Please correct the error below." %}{% else %}{% trans "Please correct the errors below." %}{% endif %}
        </div>
        {% endif %}

        <form action="" method="post">{% csrf_token %}
            <label {% if form.id_email.errors %}class="error"{% endif %}>{% trans 'Email address' %}
                {{ form.email }}
            </label>
            {% if form.email.errors %}
                <span class="error">{% for error in form.email.errors %}{{ error|escape }}{% endfor %}</span>
            {% endif %}

            <input type="submit" value="{% trans 'Reset my password' %}" class="button radius" />
        </form>
    </div>
</div>
{% endblock %}

{% block js %}
    <script>
        $(function(){
            //On récupère l'email passé éventuellement en paramètre GET.
            email = $.urlParam('email');
            if (email) $('#id_email').val(decodeURIComponent(email));
        });
    </script>
{% endblock %}
