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

{% block title %}Datenbestätigung{% endblock %}

{% block content %}
    {{ form_start(form) }}

    <div class="max-w-2xl">
        <h1 class="text-2xl font-bold pb-2">
            Datenbestätigung
        </h1>
        <p class="pb-6">
            Bitte prüfe, ob deine hinterlegten Daten noch aktuell sind, und bestätige sie.
        </p>

        {% if not form.vars.valid %}
            {% embed '_partials/_alert.html.twig' with { 'type': 'warning' } %}
                {% block message %}
                    {% include '_partials/_form_errors.html.twig' with { 'form': form } %}
                {% endblock %}
            {% endembed %}
        {% endif %}

        <div class="border border-gray-300 rounded-md p-4 mb-6">
            <div class="flex flex-col space-y-3">
                <div>
                    <div class="font-bold">Name</div>
                    <div>{{ teamer.fullName }}</div>
                </div>
                <div>
                    <div class="font-bold">Geburtsdatum</div>
                    <div>{{ teamer.dateOfBirth ? teamer.dateOfBirth|date('d.m.Y') : '-' }}</div>
                </div>
                <div>
                    <div class="font-bold">Anschrift</div>
                    <div>
                        {{ teamer.address.street|default('-') }}<br>
                        {{ teamer.address.postCode|default('') }} {{ teamer.address.city|default('') }}<br>
                        {{ teamer.address.country|default('') }}
                    </div>
                </div>
                <div>
                    <div class="font-bold">Kontakt</div>
                    <div>
                        {{ teamer.communication.email|default('-') }}<br>
                        {{ teamer.communication.mobile|default('-') }}
                    </div>
                </div>
            </div>
        </div>

        {% if errors|length %}
            {% embed '_partials/_alert.html.twig' with { 'type': 'warning' } %}
                {% block message %}
                    Einige Angaben in deinem Profil fehlen noch:
                    <ul class="list-disc list-inside pt-2">
                        {% for error in errors %}
                            <li>{{ error.message }}</li>
                        {% endfor %}
                    </ul>
                    <a href="{{ path('app_teamer_profile_index') }}" class="underline font-bold inline-block pt-2">
                        Im Profil ergänzen
                    </a>
                {% endblock %}
            {% endembed %}
        {% endif %}

        <p class="pb-4">
            Stimmt etwas nicht?
            <a href="{{ path('app_teamer_profile_index') }}" class="underline font-bold">Daten im Profil ändern</a>
        </p>

        <div class="pb-6">
            {{ form_row(form.confirmed) }}
        </div>

        <button type="submit" class="btn">
            Bestätigen
        </button>
    </div>

    {{ form_rest(form) }}
    {{ form_end(form) }}
{% endblock %}