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

{% block content %}
    {% include '_partials/_flashes.html.twig' %}
    <h1>Buchung bearbeiten</h1>

    <div class="grid grid-cols-3 gap-8">
        {# Main content area - participant form #}
        <div id="main-content" class="col-span-2">
            {% include 'booking/_participant_form.html.twig' %}
        </div>

        {# Sidebar summary #}
        <div id="booking-summary">
            {% include 'booking/_summary.html.twig' with {
                'bookingCreateDto': bookingDto,
                'summaryData': summaryData,
                'mutableData': mutableData|default(null)
            } %}
        </div>
    </div>

    {% include 'booking/_cancel_link.html.twig' %}
{% endblock %}