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

{% block content %}
    <div class="grid grid-cols-1 md:grid-cols-2 gap-8 px-4 lg:px-8 py-8 lg:py-16">
        <div>
            <h1 class="text-white uppercase pb-4 mb-8 border-b border-primary-bg/40">
                Neues Passwort
                <br>
                festlegen
            </h1>
            {% include '_partials/_flashes.html.twig' %}
            <div class="pb-4">
                {{ form_start(form) }}
                {{ form_row(form.password.first, { 'label_attr': { 'class': 'text-white' } }) }}
                {{ form_row(form.password.second, { 'label_attr': { 'class': 'text-white' } }) }}
                <button type="submit" class="button button--primary">
                    Passwort speichern
                </button>
                {{ form_rest(form) }}
                {{ form_end(form) }}
            </div>
            <div class="flex space-x-2">
                <a href="{{ path('app_login') }}"
                   class="text-white underline">
                    Zum Login
                </a>
            </div>
        </div>
    </div>
{% endblock %}