{% extends 'layout.html.twig' %}

{% block content %}
    <h1 class="mb-4">
        Passwort vergessen
    </h1>
    {% include '_partials/_flashes.html.twig' %}
    {{ form_start(form, { 'attr': { 'data-action': 'loading#toggle' } }) }}
    <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 mb-4">
        {{ form_row(form.email) }}
    </div>
    <div class="flex flex-col lg:flex-row space-y-2 lg:space-y-0 lg:space-x-2 mt-4">
        <button type="submit" class="button bg-button">
            Passwort erneuern
        </button>
        <a href="{{ path('app_login') }}"
           class="button bg-button bg-button--secondary">
            zum Login
        </a>
        <a href="{{ path('app_registration') }}"
           class="button bg-button bg-button--secondary">
            registrieren
        </a>
    </div>
    {{ form_rest(form) }}
    {{ form_end(form) }}
{% endblock %}