{% extends "base.html" %}
{% block title %}Change your password · {{ portal_name }}{% endblock %}
{% block content %}

<div class="page-head">
  <h1>Change your password</h1>
  <p class="page-sub">You'll need your current one to set a new one.</p>
</div>

<form method="post" class="card-form narrow">
  {% csrf_token %}
  {% if form.non_field_errors %}
    <p class="form-error">{{ form.non_field_errors|join:" " }}</p>
  {% endif %}
  {% for field in form %}
    <div class="field">
      <label for="{{ field.id_for_label }}">{{ field.label }}</label>
      {{ field }}
      {% if field.help_text %}<div class="field-note">{{ field.help_text|safe }}</div>{% endif %}
      {% if field.errors %}<p class="form-error">{{ field.errors|join:" " }}</p>{% endif %}
    </div>
  {% endfor %}
  <div class="form-foot">
    <button type="submit" class="btn">Change password</button>
    <a class="btn ghost" href="{% url 'accounts:profile' %}">Cancel</a>
  </div>
</form>

<p class="muted small" style="margin-top:14px">
  Forgotten your current password? <a href="{% url 'password_reset' %}">Email yourself a reset link</a> instead.
</p>
{% endblock %}