{% 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 %}