{% extends "admin/base_site.html" %}
{% load i18n static %}
{% load url from future %}
{% block breadcrumbs %}
<ul class="breadcrumb">
	<li><a href="{% url 'admin:index' %}">{% trans 'Home' %}</a> <span class="divider">/</span></li>
	<li class="active">{% trans 'Password change' %}</li>
</ul>
{% endblock %}

{% block bodyclass %}change-form{% endblock bodyclass %}

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

{% block content %}

<form action="" method="post">{% csrf_token %}
{% if form.errors %}
    <p class="errornote">
    {% blocktrans count counter=form.errors.items|length %}Please correct the error below.{% plural %}Please correct the errors below.{% endblocktrans %}
    </p>
{% 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="form-row">
    <label for="id_old_password" class="required">{% trans 'Old password' %}:</label>{{ form.old_password }}
    {{ form.old_password.errors }}
</div>

<div class="form-row">
    <label for="id_new_password1" class="required">{% trans 'New password' %}:</label>{{ form.new_password1 }}
    {{ form.new_password1.errors }}
</div>

<div class="form-row">
    <label for="id_new_password2" class="required">{% trans 'Password (again)' %}:</label>{{ form.new_password2 }}
	{{ form.new_password2.errors }}
</div>

</fieldset>

<div class="form-actions">
    <button type="submit" class="btn btn-primary"><i class="icon-ok icon-white"></i> {% trans 'Change my password' %}</button>
</div>

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

{% endblock %}
