<!-- templates/registration/password_reset_complete.html -->
{% extends 'base.html' %}
{% load i18n %}.

{% block title %}Password change{% endblock %}

{% block content %}<div id="content-main">
    <h1>Password change</h1>

    <form method="post">{% csrf_token %}
        <div>
            {% if form.errors %}
                <p class="errornote">
                    {% if form.errors.items|length == 1 %}{% translate "Please correct the error below." %}{% else %}{% translate "Please correct the errors below." %}{% endif %}
                </p>
            {% endif %}


            <p>{% translate 'Please enter your old password, for security’s sake, and then enter your new password twice so we can verify you typed it in correctly.' %}</p>

            <fieldset class="module aligned wide">

                <div class="form-row">
                    {{ form.old_password.errors }}
                    {{ form.old_password.label_tag }} {{ form.old_password }}
                </div>

                <div class="form-row">
                    {{ form.new_password1.errors }}
                    {{ form.new_password1.label_tag }} {{ form.new_password1 }}
                    {% if form.new_password1.help_text %}
                        <div class="help">{{ form.new_password1.help_text|safe }}</div>
                    {% endif %}
                </div>

                <div class="form-row">
                    {{ form.new_password2.errors }}
                    {{ form.new_password2.label_tag }} {{ form.new_password2 }}
                    {% if form.new_password2.help_text %}
                        <div class="help">{{ form.new_password2.help_text|safe }}</div>
                    {% endif %}
                </div>

            </fieldset>

            <div class="submit-row">
                <input type="submit" value="{% translate 'Change my password' %}" class="default">
            </div>

        </div>
    </form></div>

    <style>
        .help {
            font-size: small;
            opacity: 70%;
        }

{% endblock %}