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

{% block title %}Buchung bestätigen{% endblock %}

{% block content %}
    {% from '_partials/_validation_errors.html.twig' import validation_alert %}
    {{ validation_alert(confirmationForm, 'Bitte akzeptiere die AGB, um die Buchung abzuschließen.', false) }}

    {{ form_start(confirmationForm, {
        'action': path('app_groups_booking_step_4_confirm'),
        'attr': {
            'hx-target': '#htmx-modal',
            'hx-swap': 'outerHTML',
        }
    }) }}
        {{ form_row(confirmationForm.termsAccepted) }}

        <div class="mt-6 flex flex-col space-y-4 md:flex-row md:space-y-0 justify-between">
            <button type="submit" class="button button--primary">
                Buchung verbindlich absenden
            </button>
            <button type="button" class="button button--secondary" {{ stimulus_action('modal', 'close') }}>
                Abbrechen
            </button>
        </div>
    {{ form_end(confirmationForm) }}
{% endblock %}