{% 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' %}
                {% endblock %}
            </div>
            <div class="flex-1 flex flex-col min-h-0 overflow-y-auto md:overflow-hidden relative z-10">
                <div class="flex-none flex flex-col md:flex-1 md:min-h-0">
                    <div class="md:flex-1 md:overflow-y-auto">
                        {% block content %}{% endblock %}
                    </div>
                </div>
                {% block footer %}
                    <div class="p-4 flex flex-col items-center space-y-2 md:flex-row md:space-x-4 md:space-y-0 text-white md:text-sm">
                        <a href="{{ legal_notice_url }}" class="flex items-center space-x-1" target="_blank">
                            {{ icon('external-link', 'w-3 h-3') }}
                            <span>Impressum</span>
                        </a>
                        <a href="{{ terms_and_conditions_url }}" class="flex items-center space-x-1" target="_blank">
                            {{ icon('external-link', 'w-3 h-3') }}
                            <span>AGB</span>
                        </a>
                        <a href="{{ privacy_policy_url }}" class="flex items-center space-x-1" target="_blank">
                            {{ icon('external-link', 'w-3 h-3') }}
                            <span>Datenschutz</span>
                        </a>
                        <a href="{{ insurance_revocation_url }}" class="flex items-center space-x-1" target="_blank">
                            {{ icon('external-link', 'w-3 h-3') }}
                            <span>Widerruf RRV</span>
                        </a>
                        <button type="button" class="flex items-center space-x-1 bg-transparent border-0 p-0 cursor-pointer" onclick="cookiefirst_show_settings(); return false">
                            {{ icon('cookie', 'w-3 h-3') }}
                            <span>Cookie-Einstellungen</span>
                        </button>
                    </div>
                {% endblock %}
            </div>
        </div>
        {% include '_partials/_loading_indicator.html.twig' %}
    </div>
    <div {{ stimulus_controller('toast') }}></div>
{% endblock %}