{% extends "auth/layout.html" %}
{% block title %}Reset Password | {{ app_name }}{% endblock %}
{% block auth_stage_intro %}
    <p class="auth-stage-copy">{{ ltext('Choose a strong new password for your account. / اختر كلمة مرور جديدة وقوية لحسابك.') }}</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>{{ ltext('Choose a New Password / اختر كلمة مرور جديدة') }}</h2>
        <form method="post" class="form-grid">
            {{ form.hidden_tag() }}
            <label class="auth-field">
                <span class="auth-field-label">{{ form.password.label.text }}</span>
                {{ form.password(class="input auth-input", placeholder=ltext('New password / كلمة المرور الجديدة')) }}
            </label>
            <label class="auth-field">
                <span class="auth-field-label">{{ form.confirm_password.label.text }}</span>
                {{ form.confirm_password(class="input auth-input", placeholder=ltext('Confirm password / تأكيد كلمة المرور')) }}
            </label>
            {{ form.submit(class="button auth-submit") }}
        </form>
    </div>
{% endblock %}