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

{% block title %}Angebot verbindlich buchen{% endblock %}

{% block content %}
    {% from '_partials/_validation_errors.html.twig' import validation_alert %}
    {# Generic title: both fields can fail, and each renders its own message inline. #}
    {{ validation_alert(confirmationForm, null, false) }}

    <p class="mb-6">
        Möchtest du dieses Angebot jetzt verbindlich buchen?
    </p>

    {{ form_start(confirmationForm, {
        'action': path('app_groups_offer_confirm', { uuid: booking.uuid }),
        'attr': {
            'hx-target': '#htmx-modal',
            'hx-swap': 'outerHTML',
        }
    }) }}
        {{ form_row(confirmationForm.remarks) }}
        {{ 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="button" class="button button--secondary" {{ stimulus_action('modal', 'close') }}>
                Abbrechen
            </button>
            <button type="submit" class="button button--primary">
                Jetzt verbindlich buchen
            </button>
        </div>
    {{ form_end(confirmationForm) }}
{% endblock %}