{% extends 'registration/public_auth_base.html' %}
{% load dlux_tags %}
{% block title %}{{ DLUX_STRINGS.password_reset_set_title|default:'Choose a new password' }}{% endblock %}
{% block public_auth_page_class %}dlux-public-auth-page--reset{% endblock %}

{% block public_auth_panel %}
{% if validlink %}
<div class="dlux-public-auth-header">
    <div class="dlux-public-auth-icon"><i class="bi bi-shield-lock"></i></div>
    <h1>{{ DLUX_STRINGS.password_reset_set_title|default:'Choose a new password' }}</h1>
    <p class="text-muted small">{{ DLUX_STRINGS.password_reset_set_intro|default:'Enter a new password for your account below.' }}</p>
</div>

<form method="post" novalidate class="dlux-public-auth-fields">
    {% csrf_token %}
    <div class="mb-3">
        <label for="{{ form.new_password1.id_for_label }}">{{ DLUX_STRINGS.form_password|default:'Password' }}</label>
        <input type="password"
               class="login-input {% if form.new_password1.errors %}is-invalid{% endif %}"
               id="{{ form.new_password1.id_for_label }}"
               name="{{ form.new_password1.html_name }}"
               autocomplete="new-password"
               autofocus
               required>
        {% if form.new_password1.errors %}
            <div class="invalid-feedback d-block">{% for error in form.new_password1.errors %}{{ error }}{% endfor %}</div>
        {% endif %}
    </div>

    <div class="mb-3">
        <label for="{{ form.new_password2.id_for_label }}">{{ DLUX_STRINGS.form_password_confirm|default:'Confirm Password' }}</label>
        <input type="password"
               class="login-input {% if form.new_password2.errors %}is-invalid{% endif %}"
               id="{{ form.new_password2.id_for_label }}"
               name="{{ form.new_password2.html_name }}"
               autocomplete="new-password"
               required>
        {% if form.new_password2.errors %}
            <div class="invalid-feedback d-block">{% for error in form.new_password2.errors %}{{ error }}{% endfor %}</div>
        {% endif %}
    </div>

    <button type="submit" class="w-100 btn btn-lg mt-3" id="submit" data-dlux-loading>
        <i class="bi bi-check2-circle me-2"></i>{{ DLUX_STRINGS.password_reset_set_submit|default:'Set new password' }}
    </button>
</form>
{% else %}
<div class="dlux-public-auth-status">
    <div class="dlux-public-auth-status__icon"><i class="bi bi-exclamation-octagon"></i></div>
    <h1>{{ DLUX_STRINGS.password_reset_invalid_title|default:'Invalid reset link' }}</h1>
    <p>{{ DLUX_STRINGS.password_reset_invalid_desc|default:'This password reset link is invalid or has already been used. Please request a new one.' }}</p>
    <a class="w-100 btn btn-lg mt-3" id="submit" href="{% url 'password_reset' %}">
        <i class="bi bi-arrow-repeat me-2"></i>{{ DLUX_STRINGS.password_reset_request_again|default:'Request a new link' }}
    </a>
</div>
{% endif %}
{% endblock %}