{% extends 'auth/auth-page.html.twig' %}
{% import 'macros/button.macro.twig' as button %}
{% block authHeader %}
<h1 class="text-4xl font-bold uppercase mb-11">
{{ 'auth.form.forgot.headline'|trans }}
</h1>
{% endblock %}
{% block authContent %}
<h2 class="mb-6 text-2xl font-bold uppercase">
{{ 'auth.form.forgot.subheadline'|trans }}
</h2>
{{ form_start(forgotForm, { attr: { 'data-turbo': 'false' } }) }}
{{ form_row(forgotForm.email) }}
{% for message in app.flashes('error') %}
<div class="p-2 my-4 border-2 alert alert-error bg-danger-300 border-danger-500">
{{ message }}
</div>
{% endfor %}
{{
button.submit(
'auth.form.forgot.submit'|trans,
'primary',
{ icon_after: 'arrow-right-tail', attr: { class: 'w-full text-left' } }
)
}}
{{ form_end(forgotForm) }}
{% endblock %}
{% block authFooter %}
<p>
{{ 'auth.form.forgot.readytologin'|trans }}
</p>
<div class="flex justify-center gap-10 mt-6">
{{ button.link('login'|trans, 'neutral', path('auth_login'), { size: 'sm' }) }}
{% if document.property('page-faq') %}
{{ button.link('faq'|trans, 'black', document.property('page-faq'), { size: 'sm' }) }}
{% endif %}
</div>
{% endblock %}