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

{% block content %}
    <div class="px-4 lg:px-8 py-8 lg:py-16">
        <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' %}
        {{ form_start(form) }}
        <div class="grid md:grid-cols-2 gap-x-8 gap-y-4 pb-4">
            <div>
                <h3 class="text-white">
                    Persönliches
                </h3>
                {{ form_row(form.personalData.gender, { 'label_attr': { 'class': 'text-white' } }) }}
                {{ form_row(form.firstName, { 'label_attr': { 'class': 'text-white' } }) }}
                {{ form_row(form.name, { 'label_attr': { 'class': 'text-white' } }) }}
                {{ form_row(form.personalData.dateOfBirth, { 'label_attr': { 'class': 'text-white' } }) }}
                {{ form_row(form.personalData.nationality, { 'label_attr': { 'class': 'text-white' } }) }}
                <h3 class="text-white">
                    Kontakt
                </h3>
                {{ form_row(form.personalData.email, { 'label_attr': { 'class': 'text-white' } }) }}
                {{ form_row(form.personalData.mobile, { 'label_attr': { 'class': 'text-white' } }) }}
                {{ form_row(form.personalData.phone, { 'label_attr': { 'class': 'text-white' } }) }}
            </div>
            <div>
                <h3 class="text-white">
                    Anschrift
                </h3>
                {{ form_row(form.personalData.street, { 'label_attr': { 'class': 'text-white' } }) }}
                {{ form_row(form.personalData.postCode, { 'label_attr': { 'class': 'text-white' } }) }}
                {{ form_row(form.personalData.city, { 'label_attr': { 'class': 'text-white' } }) }}
                {{ form_row(form.personalData.country, { 'label_attr': { 'class': 'text-white' } }) }}
            </div>
        </div>
        <div class="flex justify-between">
            <a href="{{ path('app_login') }}" class="button button--secondary">
                Zum Login
            </a>
            <button type="submit" class="button button--primary">
                Jetzt registrieren
            </button>
        </div>
        {{ form_rest(form) }}
        {{ form_end(form) }}
    </div>
{% endblock %}