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

{% block body %}
    <div class="w-screen h-dvh {% block background  %}bg-outer bg-outer--2{% endblock %}">
        <div class="max-w-screen-xl h-dvh ml-auto flex flex-col overflow-hidden bg-inner">
            <div class="shrink-0 z-20 py-2 px-4 bg-white shadow-md">
                {% block header %}
                    {% include '_partials/_header.html.twig' with {
                        accommodation: ctx is defined ? ctx.accommodation : null
                    } %}
                {% endblock %}
            </div>
            <div class="flex-1 flex flex-col min-h-0 relative z-10">
                {% block content %}{% endblock %}
            </div>
        </div>
        {% include '_partials/_loading_indicator.html.twig' %}
    </div>
    <div {{ stimulus_controller('toast') }}></div>
{% endblock %}