{% 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">
                Registrierung
                <br>
                MyE&amp;P
            </h1>
            {% include '_partials/_flashes.html.twig' %}
            <div class="pb-4">
                {{ form_start(form, { 'attr': { 'data-action': 'loading#toggle' } }) }}
                {{ form_row(form.firstName, { 'label_attr': { 'class': 'text-white' } }) }}
                {{ form_row(form.name, { 'label_attr': { 'class': 'text-white' } }) }}
                {{ form_row(form.email, { 'label_attr': { 'class': 'text-white' } }) }}
                {{ form_row(form.gender, { 'label_attr': { 'class': 'text-white' } }) }}
                <button type="submit" class="button button--primary">
                    Jetzt registrieren
                </button>
                {{ form_rest(form) }}
                {{ form_end(form) }}
            </div>
            <a href="{{ path('app_login') }}"
               class="text-white underline">
                Zum Login
            </a>
        </div>
    </div>
{% endblock %}