{% extends 'paxalia/auth_base.html' %}
{% load i18n %}
{% block title %}{% trans "Choose a new password" %} · {{ brand_name }}{% endblock %}
{% block content %}
<section class="paxalia-auth-card" aria-labelledby="reset-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="reset-heading">{% trans "Choose a new password" %}</h1><p>{% trans "Use a strong password and follow your Django password validators." %}</p></header>
    <div class="paxalia-auth-card__body">
        {% if validlink %}
        <form method="post" class="paxalia-auth-form">{% csrf_token %}{% if form.non_field_errors %}<div class="paxalia-auth-errors" role="alert">{{ 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 "Set new password" %}</button></form>
        {% else %}<div class="paxalia-auth-callout paxalia-auth-callout--danger" role="alert">{% trans "This password-reset link is invalid or has expired." %}</div><p class="paxalia-auth-prompt"><a href="{% url 'paxalia:auth_password_reset' %}">{% trans "Request a new link" %}</a></p>{% endif %}
    </div>
</section>
{% endblock %}