{% extends 'base.html' %}
{% block title %}{{ t.title_forgot_password }} — PickkerMarket{% endblock %}
{% block content %}
<section class="content-section">
    <div class="content-inner" style="max-width: 500px;">
        <h1>{{ t.auth_forgot_password_heading }}</h1>
        <p style="color: var(--muted); margin-top: 10px;">{{ t.auth_forgot_password_body }}</p>

        {% if sent %}
        <p style="color: var(--muted); margin-top: 14px;">{{ t.auth_forgot_password_sent }}</p>
        {% endif %}

        <form method="post" class="auth-form" style="margin-top: 20px;">
            {% csrf_token %}
            <label for="email">{{ t.auth_email_address }}</label>
            <input type="email" id="email" name="email" required>
            <button type="submit" class="btn-cta">{{ t.auth_send_reset_link }}</button>
        </form>
        <p class="auth-switch"><a href="{% url 'accounts:login' %}">&larr; {{ t.auth_back_to_login }}</a></p>
    </div>
</section>
{% endblock %}