{% extends 'base.html' %}
{% block title %}Reset Password — PickkerMarket{% endblock %}
{% block content %}
<section class="content-section">
    <div class="content-inner" style="max-width: 500px;">
        {% if invalid %}
        <h1>This reset link isn't valid</h1>
        <p style="color: var(--muted); margin-top: 14px;">It may have expired (links last 1 hour) or already been used.</p>
        <a href="{% url 'accounts:forgot_password' %}" class="btn-cta" style="margin-top: 20px; display: inline-block;">Request a new link</a>
        {% else %}
        <h1>Choose a 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">New password</label>
            <input type="password" id="password1" name="password1" required minlength="8">

            <label for="password2">Confirm new password</label>
            <input type="password" id="password2" name="password2" required minlength="8">

            <button type="submit" class="btn-cta">Set New Password</button>
        </form>
        {% endif %}
    </div>
</section>
{% endblock %}