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

{% block extra_scripts %}
<script type="text/javascript" src="{{ STATIC_URL }}jquery/js/jquery.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}jquery/js/jquery-pw-critere.js"></script>
{% endblock %}

{% block title %}
{% if set_password %}
Création d'un mot de passe
{% else %}
Changement de mot de passe
{% endif %}
{% endblock %}

{% load breadcrumbs %}
{% block breadcrumbs %}
{{ block.super }}
{% if set_password %}
{% breadcrumb_url 'Set password' auth_password_change %}
{% else %}
{% breadcrumb_url 'Change password' auth_password_change %}
{% endif %}
{% endblock %}

{% block contenthelp %}
<h2>Nouveau mot de passe</h2>
<p>Votre nouveau mot de passe id.auf doit contenir au minimum :</p>
<ul>
<li class="pw-critere-invalid" id="pw-critere-length">8 caractères</li>
<li class="pw-critere-invalid" id="pw-critere-lower">une minuscule</li>
<li class="pw-critere-invalid" id="pw-critere-upper">une majuscule</li>
<li class="pw-critere-invalid" id="pw-critere-digit">un chiffre</li>
<li class="pw-critere-invalid" id="pw-critere-special">un caractère spécial (!, ", £, &amp;, …)</li>
<li class="pw-critere-invalid" id="pw-critere-forbidden">aucun caractère interdit (?, *, ")</li>
</ul>
<p>Pour vous aider à choisir un bon mot de passe, rendez-vous sur <a href="https://id.auf.org/politique-de-mot-de-passe">la politique des mots de passe</a>.</p>
{% endblock %}

{% block content %}

{% if set_password %}

<h2>Création d'un mot de passe</h2>
<p>Bienvenue sur id.auf, vous allez maintenant créer votre mot de passe sécurisé.</p>
<p>Veuillez entrer un nouveau mot de passe et confirmer en le tapant une deuxième fois de façon identique.</p>

<form action="" method="post">{% csrf_token %}
{{ form.new_password1.errors }}
<p class="aligned wide"><label for="id_new_password1">{% trans 'New password:' %}</label>{{ form.new_password1 }}</p>
{{ form.new_password2.errors }}
<p class="aligned wide"><label for="id_new_password2">{% trans 'Confirm password:' %}</label>{{ form.new_password2 }}</p>
<p><input type="submit" value="Créer mon mot de passe" /></p>
</form>

{% else %}

<h2>Changement de mot de passe</h2>
<p>Veuillez entrer votre ancien mot de passe pour contrôle de sécurité, puis entrer votre nouveau mot de passe et confirmer en le tapant une deuxième fois de façon identique.</p>

<form action="." method="post">{% csrf_token %}
{{ form.old_password.errors }}
<p class="aligned wide"><label for="id_old_password">Ancien mot de passe :</label>{{ form.old_password }}</p>
{{ form.new_password1.errors }}
<p class="aligned wide"><label for="id_new_password1">{% trans 'New password:' %}</label>{{ form.new_password1 }}</p>
{{ form.new_password2.errors }}
<p class="aligned wide"><label for="id_new_password2">{% trans 'Confirm password:' %}</label>{{ form.new_password2 }}</p>

<p><input type="submit" value="Changer mon mot de passe" /></p>
</form>

{% endif %}
{% endblock %}
