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

{% block title %}{{ booking.inquiry ? 'Dein Angebot' : 'Deine Buchung' }}{% endblock %}

{% block background %}bg-outer bg-outer--summer{% endblock %}

{% block content %}
    <div class="max-w-2xl w-full mx-auto p-8">
        <h1 class="text-2xl font-bold mb-2">
            {{ booking.inquiry ? 'Dein Angebot' : 'Deine Buchung' }}
        </h1>
        <p class="text-gray-500 mb-6">{{ booking.accommodation.name }}</p>

        <div class="grid grid-cols-2 gap-y-2 text-sm mb-8">
            <dt class="font-medium">Anreise</dt>
            <dd>{{ booking.dateFrom | date('d.m.Y') }}</dd>
            <dt class="font-medium">Abreise</dt>
            <dd>{{ booking.dateTo | date('d.m.Y') }}</dd>
            <dt class="font-medium">Nächte</dt>
            <dd>{{ booking.nights }}</dd>
            <dt class="font-medium">Personen</dt>
            <dd>{{ booking.paxCount }}</dd>
            {% if booking.boardServiceLabel %}
                <dt class="font-medium">Verpflegung</dt>
                <dd>{{ booking.boardServiceLabel }}</dd>
            {% endif %}
        </div>

        {% if booking.additionalServices | length > 0 %}
            <div class="mb-8">
                <h2 class="text-lg font-bold mb-2">Zusatzleistungen</h2>
                <ul class="text-sm list-disc list-inside">
                    {% for service in booking.additionalServices %}
                        <li>{{ service.label }}</li>
                    {% endfor %}
                </ul>
            </div>
        {% endif %}

        {% if priceBreakdown is not null %}
            {% set currency = booking.accommodation.currency %}
            <div class="mb-8">
                <h2 class="text-lg font-bold mb-2">Preise</h2>
                <table class="w-full text-sm">
                    <tr class="border-t border-gray-200 font-semibold">
                        <td class="pt-2">
                            Gesamtpreis
                            <span class="block text-xs font-normal text-gray-500">zzgl. ortsabhängiger Gebühren</span>
                        </td>
                        <td class="pt-2 text-right whitespace-nowrap">{{ (priceBreakdown.total / 100) | format_currency(currency) }}</td>
                    </tr>
                    {% if booking.discount is not null %}
                        {% set discountAmount = (priceBreakdown.total * booking.discount / 100) | round | number_format(0, '.', '') %}
                        {% set discountedTotal = priceBreakdown.total - discountAmount %}
                        <tr class="text-green-700">
                            <td class="pt-1">Rabatt {{ booking.discount }}&nbsp;%</td>
                            <td class="pt-1 text-right whitespace-nowrap">– {{ (discountAmount / 100) | format_currency(currency) }}</td>
                        </tr>
                        <tr class="border-t border-gray-200 font-bold text-green-700">
                            <td class="pt-2">Gesamtpreis nach Rabatt</td>
                            <td class="pt-2 text-right whitespace-nowrap">{{ (discountedTotal / 100) | format_currency(currency) }}</td>
                        </tr>
                    {% endif %}
                </table>
            </div>
        {% endif %}

        {% if booking.inquiry %}
            <form method="post" action="{{ app.request.requestUri }}">
                <button type="submit" class="button button--primary">
                    Angebot verbindlich buchen
                </button>
            </form>
        {% else %}
            {% include '_partials/_alert.html.twig' with {
                level: 'success',
                title: 'Bestätigt',
                messages: ['Deine Buchung ist verbindlich bestätigt.'],
            } %}
        {% endif %}
    </div>
{% endblock %}