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

{% block breadcrumbs %}
<ol class="breadcrumbs">
  <li><a href="{{ dj_index_url }}">{% translate 'Home' %}</a></li>
  <li><a href="{{ security_url }}">{% translate 'Security' %}</a></li>
  <li aria-current="page">{{ title }}</li>
</ol>
{% endblock %}

{% block content %}
<div class="dj-confirm">
  <div class="dj-confirm-card">
    <span class="dj-confirm-icon{% if not danger %} dj-confirm-icon--neutral{% endif %}">{% dj_icon "key" "dj-icon dj-icon--lg" %}</span>
    <h2 class="dj-confirm-title">{{ title }}</h2>
    <p class="dj-confirm-text">{{ explanation }}</p>

    <form method="post" class="dj-auth-form dj-confirm-form">{% csrf_token %}
      <div class="form-row dj-field">
        {{ form.password.label_tag }}
        <div class="dj-field-control">{{ form.password }}</div>
        {{ form.password.errors }}
      </div>
      <div class="dj-confirm-actions">
        <a class="dj-btn dj-btn--ghost" href="{{ security_url }}">{% translate 'Cancel' %}</a>
        <button type="submit" class="dj-btn dj-btn--{% if danger %}danger{% else %}primary{% endif %}">{{ action }}</button>
      </div>
    </form>
  </div>
</div>
{% endblock %}