{% extends "registration/base.html" %}

{% load i18n %}

{% block js_import %}{{ block.super }}

    <script type="text/javascript">

        $(document).ready(function() {

            $("#pwd_change_form").validate();

        });

    </script>

{% endblock %}

{% block breadcrumb %}

    <li></li>

    <li><a href="{% url ldt.user.views.profile %}">{% trans "Profiles" %}</a></li>

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

{% endblock %}

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

{% block iricontent %}

<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>

<form action="" method="post" id="pwd_change_form">

    <table cellspacing="10px">

        <tr>

            <td><label for="id_old_password">{% trans 'Old password:' %}</label></td>

            <td><input id="id_old_password"  name="old_password" type="password" class="required"/></td>

            <td>{{ form.old_password.errors }}</td>

        </tr>

        <tr>

            <td><label for="id_new_password1">{% trans 'New password:' %}</label></td>

            <td><input id="id_new_password1" type="password" name="new_password1" class="required"/></td>

            <td>{{ form.new_password1.errors }}</td>

        </tr>

        <tr>

            <td><label for="id_new_password2">{% trans 'Confirm password:' %}</label></td>

            <td><input id="id_new_password2" type="password" name="new_password2" class="required"/></td>

            <td>{{ form.new_password2.errors }}</td>

        </tr>

    </table>

    <input type="submit" class="button" value="{% trans 'Change my password' %}"/>

</form>

{% endblock %}