{% extends 'paxalia/auth_base.html' %}
{% load i18n %}
{% block title %}{% trans "Change password" %} · {{ brand_name }}{% endblock %}
{% block content %}
<section class="paxalia-auth-card" aria-labelledby="change-heading"><header class="paxalia-auth-card__header"><div class="paxalia-auth-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none"><rect x="5" y="10" width="14" height="10" rx="1.7" stroke="currentColor" stroke-width="1.6"/><path d="M8 10V7a4 4 0 0 1 8 0v3" stroke="currentColor" stroke-width="1.6"/></svg></div><h1 id="change-heading">{% trans "Change password" %}</h1><p>{% trans "Your host Django password remains the source of truth." %}</p></header><div class="paxalia-auth-card__body"><form method="post" class="paxalia-auth-form">{% csrf_token %}{% if form.non_field_errors %}<div class="paxalia-auth-errors">{{ form.non_field_errors }}</div>{% endif %}{% for field in form %}<div class="paxalia-auth-field"><label for="{{ field.id_for_label }}">{{ field.label }}</label><div class="paxalia-password-wrap">{{ field }}<button type="button" class="paxalia-password-toggle" data-password-toggle="{{ field.id_for_label }}" data-show-label="{% trans 'Show' %}" data-hide-label="{% trans 'Hide' %}" aria-label="{% trans 'Show password' %}">{% trans "Show" %}</button></div>{% if field.help_text %}<div class="paxalia-auth-help">{{ field.help_text|safe }}</div>{% endif %}{% for error in field.errors %}<div class="paxalia-auth-field-error">{{ error }}</div>{% endfor %}</div>{% endfor %}<button class="btn btn-primary paxalia-auth-submit" type="submit">{% trans "Change password" %}</button></form></div></section>
{% endblock %}