{% extends "auth/layout.html" %}
{% block title %}{{ t('forgot_password') }} | {{ app_name }}{% endblock %}
{% block auth_stage_intro %}
    <p class="auth-stage-copy">{{ ltext('Enter your email address and we will send you a secure reset link. / أدخل بريدك الإلكتروني وسنرسل لك رابط إعادة تعيين آمن.') }}</p>
{% endblock %}
{% block content %}
    <div class="auth-card auth-card-signin">
        <div class="auth-inline-alerts toast-stack" data-toast-host aria-live="polite" aria-atomic="true"></div>
        <h2>{{ t('forgot_password') }}</h2>
        <p>{{ ltext('Enter the email address associated with your account. / أدخل البريد الإلكتروني المرتبط بحسابك.') }}</p>
        <form method="post" class="form-grid">
            {{ form.hidden_tag() }}
            <label class="auth-field">
                <span class="auth-field-label">{{ form.email.label.text }}</span>
                {{ form.email(class="input auth-input", placeholder=ltext('Email address / البريد الإلكتروني')) }}
            </label>
            {{ form.submit(class="button auth-submit") }}
        </form>
        <p class="muted-link-row"><a href="{{ url_for('auth.login') }}">{{ t('back_to_sign_in') }}</a></p>
    </div>
{% endblock %}