{% extends "base.html" %}

{% block title %}{{ t('auth.forgot_password', 'Forgot Password') }}{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-5">
        <div class="card">
            <div class="card-header">
                <i class="bi bi-key"></i> {{ t('auth.forgot_password', 'Forgot Password') }}
            </div>
            <div class="card-body">
                <p class="text-muted">
                    {{ t('auth.forgot_password_instructions', "Enter your username or email. If we find a matching account, we'll issue a reset link.") }}
                </p>
                <form method="post">
                    {{ form.hidden_tag() }}
                    <div class="mb-3">
                        {{ form.identifier.label(class="form-label") }}
                        {{ form.identifier(class="form-control" + (" is-invalid" if form.identifier.errors else "")) }}
                        {% if form.identifier.errors %}
                            <div class="invalid-feedback">{% for error in form.identifier.errors %}{{ error }}{% endfor %}</div>
                        {% endif %}
                    </div>
                    <button class="btn btn-primary w-100">{{ form.submit.label.text }}</button>
                </form>
                <div class="mt-3">
                    <a href="{{ url_for('auth.login') }}">{{ t('auth.back_to_login_arrow', '← Back to login') }}</a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}