{% extends "base.html" %}
{% load i18n static %}

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

{% block nav %}
{% include "nav.html" with ls=ls season=season %}
{% endblock %}

{% block body %}
<div id="content-main">
  <div>
    {% if form.errors %}
      <p class="errornote">
      {% if form.errors.items|length == 1 %}
        {% trans "Please correct the error below." %}
      {% else %}
        {% trans "Please correct the errors below." %}
      {% endif %}</p>
    {% endif %}
  </div>

  <div class="row">
    <div class="col-md-5">
      <h2 class="form-signin-heading">{% trans 'Password change' %}</h2>
      <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 class="form-horizontal" action="" method="post">{% csrf_token %}
        <div class="form-group">
          {{ form.old_password.errors }}
          <label for="id_old_password" class="col-sm-4 control-label required">{% trans 'Old password' %}</label>
          <div class="col-sm-5">
            <input id="id_old_password" name="old_password" class="form-control" type="password" />
          </div>
        </div>
        <div class="form-group">
          {{ form.new_password1.errors }}
          <label for="id_new_password1" class="col-sm-4 control-label required">{% trans 'New password' %}</label>
          <div class="col-sm-5">
            <input id="id_new_password1" name="new_password1" class="form-control" type="password" />
          </div>
        </div>
        <div class="form-group">
          {{ form.new_password2.errors }}
          <label for="id_new_password2" class="col-sm-4 control-label required">{% trans 'Password (again)' %}</label>
          <div class="col-sm-5">
            <input id="id_new_password2" name="new_password2" class="form-control" type="password" />
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-default">{% trans 'Change my password' %}</button>
          </div>
        </div>
        <script type="text/javascript">document.getElementById("id_old_password").focus();</script>
      </form>
    </div>
  </div>
</div>  
{% endblock %}