{% extends 'baseTemplate.html' %}

{% load i18n %}

{% block title %}{% trans "Change password" %}{# Changement du mot de passe #}{% endblock %}

{% block content %}
<div class="container">
    <div class="row">
        <div class="text-center">
            <h1><a class="counter-link" href="{% url 'home' %}">SeumBook™</a></h1>
        </div>
    </div>
    <div class="row">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h2 class="panel-title">{% trans "Change your password of the seum!" %}</h2>
            </div>
            <div class=" panel-body">
                <form class='' method="POST" action="{% url 'password_change' %}">
                    {% csrf_token %}
                    <div class="form-group">
                        <label for="id_old_password">{% trans "Old password" %}</label>
                        <input id="id_old_password" type="password" class="form-control" name="old_password" required />
                    </div>
                    <div class="form-group">
                        <label for="id_new_password1">{% trans "New password" %}</label>
                        <input id="id_new_password1" type="password" class="form-control" name="new_password1" required />
                    </div>
                    <div class="form-group">
                        <label for="id_new_password2">{% trans "Confirm new password" %}</label>
                        <input id="id_new_password2" type="password" class="form-control" name="new_password2" required />
                    </div>
                    <div class="text-center">
                        <button type="submit" class="btn btn-default btn-success">{% trans "Change password" %}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {% if form.errors %}
    <div class="row">
        <div class="panel panel-danger">
            <div class="panel-heading">
                <h2 class="panel-title">{% trans "Error" %}</h2>
            </div>
            <div class=" panel-body">
                <p>{% trans "You don't even manage to change your password, seum." %}{# T'arrives même pas à changer ton mot de passe, seum. #}</p>
            </div>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}