{% extends "admin/base_site.html" %}
{% load i18n djadmin %}

{% block title %}{% if form.errors %}{% translate "Error:" %} {% endif %}{{ block.super }}{% endblock %}

{% block breadcrumbs %}
<ol class="breadcrumbs">
  <li><a href="{{ dj_index_url }}">{% translate 'Home' %}</a></li>
  {% dj_url 'djadmin_security' as dj_security_url %}
  {% if dj_security_url %}<li><a href="{{ dj_security_url }}">{% translate 'Security' %}</a></li>{% endif %}
  <li aria-current="page">{% translate 'Password change' %}</li>
</ol>
{% endblock %}

{% block content_subtitle %}
  <p class="dj-subtitle">{% translate 'Confirm your current password, then choose a new one.' %}</p>
{% endblock %}

{% block content %}
<div id="content-main" class="dj-form-page dj-form-page--narrow">
  {% if form.errors %}
    <div class="dj-alert dj-alert--danger errornote">{% dj_icon "alert" "dj-icon dj-icon--sm" %}
      <span>{% blocktranslate count counter=form.errors.items|length %}Please correct the error below.{% plural %}Please correct the errors below.{% endblocktranslate %}</span>
    </div>
  {% endif %}

  <form method="post" class="dj-form">{% csrf_token %}
    <fieldset class="dj-fieldset">
      <div class="dj-fieldset-body">
        {% for field in form %}
          <div class="form-row dj-row field-{{ field.name }}">
            <div class="dj-field{% if field.errors %} dj-field--error{% endif %}">
              {{ field.label_tag }}
              <div class="dj-field-control">{{ field }}</div>
              {% if field.help_text %}<div class="help dj-help">{{ field.help_text|safe }}</div>{% endif %}
              {{ field.errors }}
            </div>
          </div>
        {% endfor %}
      </div>
    </fieldset>
    <div class="submit-row dj-submit-row">
      <div class="dj-submit-right">
        <input type="submit" class="default dj-btn dj-btn--primary" value="{% translate 'Change my password' %}">
      </div>
    </div>
  </form>
</div>
{% endblock %}