{% 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.birthDate) }}
            {{ _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>
        </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>

    <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 %}