79 lines
2.9 KiB
Twig
79 lines
2.9 KiB
Twig
{% extends 'layout.html.twig' %}
|
|
|
|
{% block content %}
|
|
{% include '_partials/_flashes.html.twig' %}
|
|
<h1>Neue Buchung</h1>
|
|
<div class="grid grid-cols-3 gap-8">
|
|
<div class="col-span-2">
|
|
<h2>Teilnehmer</h2>
|
|
{{ form_start(form) }}
|
|
{% do form.participants.setRendered %}
|
|
<div class="space-y-8 pb-8">
|
|
{% for participant in form.participants %}
|
|
<fieldset class="border rounded-md p-8 pt-4">
|
|
<legend class="font-bold text-xl px-2">
|
|
Teilnehmer:in {{ loop.index }}
|
|
</legend>
|
|
<div class="grid grid-cols-2 gap-4 pb-4">
|
|
{{ form_row(participant.firstName) }}
|
|
{{ form_row(participant.lastName) }}
|
|
{{ form_row(participant.dateOfBirth) }}
|
|
{{ form_row(participant.gender) }}
|
|
{{ form_row(participant.nationality) }}
|
|
</div>
|
|
<div class="grid grid-cols-2 gap-4">
|
|
{{ form_row(participant.email) }}
|
|
{{ form_row(participant.mobile) }}
|
|
</div>
|
|
</fieldset>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="flex justify-between">
|
|
<a href="{{ path('app_booking_create_step_1') }}" class="button bg-button bg-button--secondary">Zurück</a>
|
|
<button type="submit" class="button bg-button bg-button--secondary">Weiter</button>
|
|
</div>
|
|
{{ form_rest(form) }}
|
|
{{ form_end(form) }}
|
|
</div>
|
|
<div>
|
|
<h3>Zusammenfassung</h3>
|
|
<h4>
|
|
Reise
|
|
</h4>
|
|
<p>
|
|
{{ bookingCreateDto.travelData.label }}
|
|
</p>
|
|
<h4>
|
|
Datum
|
|
</h4>
|
|
<p>
|
|
{{ bookingCreateDto.travelData.dateFrom | date('d.m.Y') }} - {{ bookingCreateDto.travelData.dateTo | date('d.m.Y') }}
|
|
</p>
|
|
<h4>
|
|
Unterkunft
|
|
</h4>
|
|
<p>
|
|
{{ bookingCreateDto.travelData.hotel.name }}
|
|
</p>
|
|
{% if bookingCreateDto.participantsCount > 0 %}
|
|
<h4>
|
|
Anzahl Teilnehmer
|
|
</h4>
|
|
<p>
|
|
{{ bookingCreateDto.participantsCount }}
|
|
</p>
|
|
{% endif %}
|
|
<h4>
|
|
Zimmer
|
|
</h4>
|
|
<ul>
|
|
{% for roomSelection in bookingCreateDto.selectedRooms %}
|
|
<li>
|
|
{{ roomSelection.quantity }}x {{ roomSelection.roomLabel }}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|