wip: group inquiries and bookings

templates/groups/booking/offer.html.twig

@@ -0,0 +1,82 @@
+{% 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 %}