83 lines
3.8 KiB
Twig
83 lines
3.8 KiB
Twig
{% 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 }} %</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 %}
|