65 lines
2.8 KiB
Twig
65 lines
2.8 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 id="form-wrapper" class="col-span-2">
|
|
<h2 class="pb-4">
|
|
Unterkunft
|
|
</h2>
|
|
{{ form_start(form) }}
|
|
{% do form.roomSelections.setRendered %}
|
|
{# This block contains the room selection form fields #}
|
|
{% block room_selection_form %}
|
|
<div id="room-selection-form"{% if htmx_oob_swap is defined and htmx_oob_swap %} hx-swap-oob="true"{% endif %}>
|
|
{{ form_errors(form) }}
|
|
{% if groupedRooms.by_room is not empty %}
|
|
<h3>
|
|
Zimmer
|
|
</h3>
|
|
{% for roomId, room in groupedRooms.by_room %}
|
|
{{ form_row(form.roomSelections[roomId], {
|
|
'attr': {
|
|
'hx-post': path('app_booking_create_step_1_refresh'),
|
|
'hx-swap': 'none',
|
|
'hx-trigger': 'change delay:300ms',
|
|
}
|
|
}) }}
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if groupedRooms.by_pax is not empty %}
|
|
<h3>
|
|
Betten
|
|
</h3>
|
|
{% for roomId, room in groupedRooms.by_pax %}
|
|
{{ form_row(form.roomSelections[roomId], {
|
|
'attr': {
|
|
'hx-post': path('app_booking_create_step_1_refresh'),
|
|
'hx-swap': 'none',
|
|
'hx-trigger': 'change delay:300ms'
|
|
}
|
|
}) }}
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %}
|
|
<div class="flex justify-end pt-4">
|
|
<button type="submit" class="button bg-button bg-button--secondary" {{ qa_attribute('btn-submit')}} {{ stimulus_action('loading', 'toggle') }}>Weiter</button>
|
|
</div>
|
|
{{ form_rest(form) }}
|
|
{{ form_end(form) }}
|
|
</div>
|
|
{% block booking_summary %}
|
|
<div id="booking-summary"{% if htmx_oob_swap is defined and htmx_oob_swap %} hx-swap-oob="true"{% endif %}>
|
|
{% include 'booking/_summary.html.twig' with {
|
|
'bookingCreateDto': bookingCreateDto,
|
|
'summaryData': summaryData
|
|
} %}
|
|
</div>
|
|
{% endblock %}
|
|
</div>
|
|
|
|
{% include 'booking/_cancel_link.html.twig' %}
|
|
{% endblock %}
|