{% load compressed %}
{% load staticfiles %}

<!DOCTYPE html>
<html>
<head>
  <title>Reset password - MITx 6.002x</title>

  {% compressed_css 'application' %}

  <!--[if lt IE 9]>
  <script src="{% static 'js/html5shiv.js' %}"></script>
  <![endif]-->

</head>

<body>

  <header class="global" aria-label="Global Navigation">
    <nav>
      <h1 class="logo"><a href="${reverse('root')}"></a></h1>
    </nav>
  </header>

  {% block content %}
  <section class="password-reset">

    {% if validlink %}

    <header>
      <h2>Enter new password</h2>
      <hr>
    </header>

    <p>Please enter your new password twice so we can verify you typed it in correctly.</p>

    <form action="" method="post">{% csrf_token %}
      {{ form.new_password1.errors }}
      <label for="id_new_password1">New password:</label>
      {{ form.new_password1 }}

      {{ form.new_password2.errors }}
      <label for="id_new_password2">Confirm password:</label>
      {{ form.new_password2 }}

      <div class="submit">
        <input type="submit" value="Change my password" />
      </div>
    </form>

    {% else %}

    <header>
      <h1>Password reset unsuccessful</h1>
      <hr>
    </header>

    <p>The password reset link was invalid, possibly because the link has already been used.  Please request a new password reset.</p>

    {% endif %}

  </section>
  {% endblock %}

</body>
</html>