{% extends "base/headermenu.html" %}
{% load i18n %}
{% block contents %}

<p><br></p>
  <div class="mainbox">
    <div class="inner">
      <div class="top"><span></span></div>
        <div class="content">
          <p>
            <h3>{% trans 'Password change' %}</h3>


<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="{% url djanction.mypage.views.mypwd_change %}" method="post">
<table border="0">
  <tr>
    <td colspan="2">
      {{ form.old_password.errors }}
    </td>
  </tr>
  <tr>
    <td>
      <p class="aligned wide"><label for="id_old_password">{% trans 'Old password:' %}</label></p>
    </td>
    <td>
      {{ form.old_password }}
    </td>
  </tr>
  <tr>
    <td colspan="2">
      {{ form.new_password1.errors }}
    </td>
  </tr>
  <tr>
    <td>
      <p class="aligned wide"><label for="id_new_password1">{% trans 'New password:' %}</label></p>
    </td>
    <td>
      {{ form.new_password1 }}
    </td>
  <tr>
  </tr>
  <tr>
    <td colspan="2">
      {{ form.new_password2.errors }}
    </td>
  </tr>
  <tr>
    <td>
      <p class="aligned wide"><label for="id_new_password2">{% trans 'Confirm password:' %}</label></p>
    </td>
    <td>
      {{ form.new_password2 }}
    </td>
  </tr>
</table>

<p>
  <input type="image" src="{% url top_page %}static/img/button_refresh.png" value="{% trans 'Change my password' %}">
  <a href="{% url djanction.mypage.views.myprofile %}" style="text-decoration: none;"><img src="{% url top_page %}static/img/button_cancel.png" border="0" alt="{% trans 'Cancel' %}"></a>
</p>
</form>
          </p>
        </div>
        <div class="base"><span></span></div>
      </div>
    </div>
  </div>
{% endblock %}
