{% if layout != 'horizontal' %}
<header class="navbar navbar-shadow navbar-expand-md d-none d-lg-flex d-print-none {{ themeHeaderFixed ? 'sticky-top' : '' }}">
    <div class="container-xl">

        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu"
            aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
{% endif %}
        <div class="navbar-nav flex-row order-md-last">
            <div class="d-none d-md-flex">
                {% include '_partials/topbuttons' %}
            </div>
            <div class="nav-item dropdown">
                <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown"
                    aria-label="Open user menu">
                    <!-- <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span> -->
                    <span class="avatar avatar-sm">{{ currentUser | avatartag }}</span>
                    <div class="d-none d-xl-block ps-2">
                        <!-- <div>{{ currentUser.username }}</div>
                        <div class="mt-1 small text-secondary">{{ currentUser.livello }}</div> -->
                        <div>{{ currentUser.nome }} {{ currentUser.cognome }}</div>
                        <div class="mt-1 small text-secondary">{{ currentUser.username }}</div>
                    </div>
                </a>
                <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                    {% include '_partials/toplink' %}
                </div>
            </div>
            <div class="d-none d-md-flex">
                {% include '_partials/topbuttons_dx' %}
            </div>

{% if layout != 'horizontal' %}
        </div>
        <div class="collapse navbar-collapse" id="navbar-menu">
            <div></div>
        </div>
    </div>
</header>
{% endif %}