{% extends 'registration/password_base.html' %}
{% load i18n adminmedia %}
{% block title %}{% trans 'Password change' %}{% endblock %}

{% block content %}<div id="content-main">

<form action="" method="post">{% csrf_token %}
<div>
{% if form.errors %}
    <div class="alert-message error">
    <a class="close" href="#">×</a>
    {% blocktrans count form.errors.items|length as counter %}Please correct the error below.{% plural %}Please correct the errors below.{% endblocktrans %}
    </div>
{% endif %}

<h1>{% trans 'Password change' %}</h1>

<p>{% trans "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="clearfix {% if form.old_password.errors %}error{% endif %}">
    <label for="id_old_password"><strong>{% trans 'Old password' %}:</strong></label>
    <div class="input">
        {{ form.old_password }}
        {% for err in form.old_password.errors %}
            <span class="help-inline">{{ err }}</span>
        {% endfor %}
    </div>
</div>

<div class="clearfix {% if form.new_password1.errors %}error{% endif %}">
    <label for="id_new_password1"><strong>{% trans 'New password' %}:</strong></label>
    <div class="input">{{ form.new_password1 }}
        {% for err in form.new_password1.errors %}
            <span class="help-inline">{{ err }}</span>
        {% endfor %}
    </div>
</div>

<div class="clearfix {% if form.new_password2.errors %}error{% endif %}">
    <label for="id_new_password2"><strong>{% trans 'Password (again)' %}:</strong></label>
    <div class="input">{{ form.new_password2 }}
        {% for err in form.new_password2.errors %}
            <span class="help-inline">{{ err }}</span>
        {% endfor %}
    </div>
</div>

</fieldset>

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

<script type="text/javascript">document.getElementById("id_old_password").focus();</script>
</div>
</form></div>

{% endblock %}