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

{% block content %}
    <twig:page:heading>{{ booking.recordLabel }} {{ booking.groupName }}</twig:page:heading>
    <p class="text-sm text-gray-500 mb-6">{{ booking.accommodation.name }}</p>

    {% form_theme form 'forms_admin.html.twig' %}

    {{ form_start(form) }}
    <div class="grid lg:grid-cols-2 gap-y-4 lg:gap-x-8">
        <h2 class="lg:col-span-2 text-base font-bold">Kontaktdaten</h2>
        {{ form_row(form.groupName) }}
        {{ form_row(form.salutation) }}
        {{ form_row(form.firstName) }}
        {{ form_row(form.lastName) }}
        {{ form_row(form.email) }}
        {{ form_row(form.phone) }}
        {{ form_row(form.street) }}
        {{ form_row(form.zip) }}
        {{ form_row(form.city) }}

        <h2 class="lg:col-span-2 text-base font-bold pt-2">Reisedaten</h2>
        {{ form_row(form.dateFrom) }}
        {{ form_row(form.dateTo) }}
        {{ form_row(form.paxCount) }}
        {{ form_row(form.minorsCount) }}
        {{ form_row(form.childrenCount) }}

        {% if form.boardService is defined or form.selectedAdditionalServices is defined %}
            <h2 class="lg:col-span-2 text-base font-bold pt-2">Leistungen</h2>
            {% if form.boardService is defined %}
                {{ form_row(form.boardService) }}
            {% endif %}
            {% if form.selectedAdditionalServices is defined %}
                <div class="lg:col-span-2">
                    {{ form_row(form.selectedAdditionalServices) }}
                </div>
            {% endif %}
        {% endif %}

        <h2 class="lg:col-span-2 text-base font-bold pt-2">Status & Rabatt</h2>
        {# Read-only: the status only ever moves through a named action on the detail page,
           so that it cannot be set without the email and timestamp that belong to it. #}
        <p class="lg:col-span-2 text-sm">
            <span class="font-medium">Status:</span>
            {% include 'admin/accommodation_booking/_status_label.html.twig' %}
            <span class="text-gray-500">· Herkunft: {{ booking.origin.label }}</span>
        </p>
        {% if booking.acceptedAt is not null %}
            <p class="lg:col-span-2 text-xs text-gray-500">
                Angenommen am {{ booking.acceptedAt | date('d.m.Y, H:i') }}
            </p>
        {% endif %}
        {% if booking.confirmedAt is not null %}
            <p class="lg:col-span-2 text-xs text-gray-500">
                Bestätigt am {{ booking.confirmedAt | date('d.m.Y, H:i') }}
            </p>
        {% endif %}
        {% if form.managedBy is defined %}
            <div class="lg:col-span-2">
                {{ form_row(form.managedBy) }}
            </div>
        {% endif %}
        {{ form_row(form.accommodationDiscount) }}
        {{ form_row(form.boardServiceDiscount) }}
        {{ form_row(form.additionalServicesDiscount) }}
        <div class="lg:col-span-2">
            {{ form_row(form.remarks) }}
        </div>
    </div>
    <div class="flex justify-between pt-8">
        {% set back_params = { 'id': booking.id } %}
        {% if app.request.query.get('r') %}
            {% set back_params = back_params | merge({ 'r': app.request.query.get('r') }) %}
        {% endif %}
        <a href="{{ path('app_admin_accommodationbooking_show', back_params) }}" class="button button--secondary button--small">
            zurück
        </a>
        <button type="submit" class="button button--primary button--small">
            speichern
        </button>
    </div>
    {{ form_rest(form) }}
    {{ form_end(form) }}
{% endblock %}