{# Entity-level navigation, rendered as a full-width underlined tab strip below the page title. #}
{% if menu.children|length %}
    <nav class="-mb-px mt-4 flex gap-x-6 overflow-x-auto border-b border-gray-200 dark:border-gray-800" aria-label="Tabs">
        {% for item in menu.children|filter(v => v.isDisplayed) %}
            <a href="{{ item.uri }}"
               class="{{ item.current
                   ? 'border-primary-500 text-primary-600 dark:text-primary-400'
                   : 'border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300'
                   }} whitespace-nowrap border-b-2 py-2.5 text-sm font-medium transition-colors"
               {% if item.current %}aria-current="page"{% endif %}>
                {{ item.label|trans({}, item.getExtra('translation_domain', 'admin')) }}
            </a>
        {% endfor %}
    </nav>
{% endif %}
