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

{% block content %}
    <h1 class="mb-4">
        Registrierung MyE&amp;P
    </h1>
    {{ form_start(form) }}
    <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 mb-4">
        {{ form_row(form.firstName) }}
        {{ form_row(form.name) }}
        {{ form_row(form.email) }}
        {{ form_row(form.gender) }}
    </div>
    <div class="flex flex-col lg:flex-row space-y-2 lg:space-y-0 lg:space-x-2">
        <button type="submit" class="button bg-button">
            registrieren
        </button>
        <button type="button"
                hx-get="{{ path('app_login') }}"
                hx-target="#myep"
                hx-swap="outerHTML"
                class="button bg-button bg-button--secondary">
            zum Login
        </button>
    </div>
    {{ form_rest(form) }}
    {{ form_end(form) }}
{% endblock %}