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

{% block body %}
    <div class="{{ html_classes('pb-8', { 'pt-24': is_granted('ROLE_USER') }) }}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
        <div class="fixed inset-x-0 top-0 z-20">
            <div class="max-w-screen-xl mx-auto flex items-center justify-between bg-primary-dark text-white">
                {% if is_granted('ROLE_USER') %}
                    <nav class="w-full flex items-center relative">
                        <div class="flex-1 block text-xl px-4">My E&amp;P</div>
                        <div>
                            {{ knp_menu_render(knp_menu_get('main')) }}
                        </div>
                    </nav>
                {% endif %}
            </div>
        </div>
        <div class="max-w-screen-xl mx-auto">
            {% block content %}{% endblock %}
            {% include '_partials/_loading_indicator.html.twig' %}
        </div>
        <div data-iframe-size></div>
    </div>
{% endblock %}