{% extends 'base.html' %}
{% block title %}{{ t.title_reset_password }} — PickkerMarket{% endblock %}
{% block content %}
<section class="content-section">
    <div class="content-inner" style="max-width: 500px;">
        {% if invalid %}
        <h1>{{ t.auth_reset_link_invalid }}</h1>
        <p style="color: var(--muted); margin-top: 14px;">{{ t.auth_reset_link_expired }}</p>
        <a href="{% url 'accounts:forgot_password' %}" class="btn-cta" style="margin-top: 20px; display: inline-block;">{{ t.auth_request_new_link }}</a>
        {% else %}
        <h1>{{ t.auth_choose_new_password }}</h1>
        {% if error %}<div class="field-error" style="margin-top: 10px;">{{ error }}</div>{% endif %}
        <form method="post" class="auth-form" style="margin-top: 20px;">
            {% csrf_token %}
            <label for="password1">{{ t.auth_new_password }}</label>
            <input type="password" id="password1" name="password1" required minlength="8">

            <label for="password2">{{ t.auth_confirm_new_password }}</label>
            <input type="password" id="password2" name="password2" required minlength="8">

            <button type="submit" class="btn-cta">{{ t.auth_set_new_password }}</button>
        </form>
        {% endif %}
    </div>
</section>
{% endblock %}