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

{% block title %}Eingegangenes Formular{% endblock %}

{% macro row(label, value) %}
    <div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-4 sm:gap-4">
        <dt class="text-sm font-bold leading-6 text-gray-900">
            {{ label }}
        </dt>
        <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-3 sm:mt-0">
            {% if value is same as(true) %}
                ja
            {% elseif value is same as(false) %}
                nein
            {% elseif value is empty %}
                -
            {% else %}
                {{ value|nl2br }}
            {% endif %}
        </dd>
    </div>
{% endmacro %}

{% block content %}
    <div class="flex items-start justify-between pb-8">
        <h1 class="text-2xl font-bold">
            {{ submission.formLabel }}
            {% if submission.lastName or submission.firstName %}
                - {{ [submission.firstName, submission.lastName]|filter(part => part is not empty)|join(' ') }}
            {% endif %}
        </h1>
        <a href="{{ returnUrl }}" class="btn btn--small btn--secondary">
            zurück
        </a>
    </div>

    <div class="grid lg:grid-cols-2 gap-x-8 gap-y-4 pb-8">
        <dl class="divide-y divide-gray-100">
            {{ _self.row('eingegangen am', submission.submittedAt|date('d.m.Y, H:i')) }}
            {{ _self.row('Name', [submission.firstName, submission.lastName]|filter(part => part is not empty)|join(' ')) }}
            {{ _self.row('Geburtsdatum', submission.dateOfBirth ? submission.dateOfBirth|date('d.m.Y') : submission.birthDate) }}
            {{ _self.row('Geschlecht', submission.gender) }}
            {# Three states: the form said yes, said no, or never asked - and only the first one
               earns the automatic receipt mail, so "-" is not the same as "nein" here. #}
            {{ _self.row('EU (inkl. Schweiz)', submission.eu) }}
            {{ _self.row('E-Mail', submission.email) }}
            {{ _self.row('Telefon', submission.phone) }}
            {{ _self.row('Mobil', submission.mobile) }}
            {{ _self.row('Adresse', [submission.street, [submission.zipCode, submission.city]|filter(part => part is not empty)|join(' ')]|filter(part => part is not empty)|join(', ')) }}
        </dl>
        <dl class="divide-y divide-gray-100">
            {{ _self.row('Formularkennung', submission.form) }}
            {{ _self.row('Quelle', submission.pageUrl) }}
        </dl>
    </div>

    <h2 class="font-bold text-lg pb-4">
        Bearbeitung
    </h2>
    <div class="grid lg:grid-cols-2 gap-x-8 gap-y-8 pb-8">
        <div>
            <dl class="divide-y divide-gray-100">
                {{ _self.row('1. Mail versendet', submission.firstMailSentAt ? submission.firstMailSentAt|date('d.m.Y, H:i') : null) }}
                {{ _self.row('2. Mail versendet', submission.secondMailSentAt ? submission.secondMailSentAt|date('d.m.Y, H:i') : null) }}
            </dl>
            {% if submission.email %}
                <div class="flex flex-wrap items-center gap-2 pt-4">
                    <button type="button"
                            class="btn btn--small btn--secondary"
                            hx-get="{{ path('app_admin_application_form_submission_send_receipt', { 'uuid': submission.uuid, 'r': forwarded_return_url() }) }}"
                            hx-target="body"
                            hx-swap="beforeend">
                        Eingangsbestätigung erneut senden
                    </button>
                    <button type="button"
                            class="btn btn--small"
                            hx-get="{{ path('app_admin_application_form_submission_send_follow_up', { 'uuid': submission.uuid, 'r': forwarded_return_url() }) }}"
                            hx-target="body"
                            hx-swap="beforeend">
                        {% if submission.secondMailSentAt %}
                            2. Mail erneut senden
                        {% else %}
                            2. Mail senden
                        {% endif %}
                    </button>
                </div>
            {% else %}
                <div class="pt-4 text-sm">
                    Dieses Formular enthält keine E-Mail-Adresse - es kann keine Mail versendet werden.
                </div>
            {% endif %}
        </div>
        <div>
            {{ form_start(callsForm) }}
            <div class="flex flex-col space-y-2 pb-4">
                {{ form_row(callsForm.firstCallHeld) }}
                {% if submission.firstCallHeldAt %}
                    <div class="text-sm">geführt am {{ submission.firstCallHeldAt|date('d.m.Y') }}</div>
                {% endif %}
                {{ form_row(callsForm.secondCallHeld) }}
                {% if submission.secondCallHeldAt %}
                    <div class="text-sm">geführt am {{ submission.secondCallHeldAt|date('d.m.Y') }}</div>
                {% endif %}
            </div>
            {{ form_widget(callsForm.save, { 'attr': { 'class': 'btn btn--small' } }) }}
            {{ form_rest(callsForm) }}
            {{ form_end(callsForm) }}
        </div>
        <div>
            <dl class="divide-y divide-gray-100">
                {{ _self.row('übernommen am', submission.teamerCreatedAt ? submission.teamerCreatedAt|date('d.m.Y, H:i') : null) }}
            </dl>
            <div class="pt-4">
                {% if submission.user and submission.user.teamer %}
                    <a href="{{ path('app_administrative_teamer_profile', { 'uuid': submission.user.teamer.uuid, 'r': forwarded_return_url() }) }}"
                       class="btn btn--small btn--secondary">
                        Teamer:innenprofil öffnen
                    </a>
                {% elseif submission.email %}
                    <button type="button"
                            class="btn btn--small"
                            hx-get="{{ path('app_admin_application_form_submission_create_teamer', { 'uuid': submission.uuid, 'r': forwarded_return_url() }) }}"
                            hx-target="body"
                            hx-swap="beforeend">
                        Teamer:in anlegen
                    </button>
                    {% if submission.busProAddressId %}
                        {# Step 1 is done and the rest is not: naming it here is what makes a
                           retry a resume rather than a guess. #}
                        <div class="pt-2 text-sm">
                            Die BusPro-Adresse {{ submission.busProAddressId }} wurde schon angelegt,
                            die Übernahme wurde aber nicht abgeschlossen.
                        </div>
                    {% endif %}
                {% else %}
                    <div class="text-sm">
                        Ohne E-Mail-Adresse kann kein Teamer:innenkonto angelegt werden.
                    </div>
                {% endif %}
            </div>
        </div>
    </div>

    <h2 class="font-bold text-lg pb-4">
        Angaben aus dem Formular
    </h2>
    {% if submission.details is empty %}
        <p>Das Formular hat über die Stammdaten hinaus nichts erfasst.</p>
    {% else %}
        <dl class="divide-y divide-gray-100">
            {% for label, answer in submission.details %}
                {{ _self.row(label, answer is iterable ? answer|join(', ') : answer) }}
            {% endfor %}
        </dl>
    {% endif %}
{% endblock %}