{% extends '@KnpMenu/menu.html.twig' %}

{% block root %}
    {% set user = ibexa_admin_ui_config.user.user %}
    {% set user_image = user.content.thumbnail %}

    <div class="ibexa-header-user-menu">
        <div
                class="ibexa-header-user-menu__notifications-toggler"
                data-bs-toggle="modal"
                data-bs-target="#view-notifications"
        >
            <svg class="ibexa-icon ibexa-icon--small ibexa-icon--light">
                <use xlink:href="{{ ibexa_icon_path('bell') }}"></use>
            </svg>
            <span class="ibexa-header-user-menu__notice-dot ibexa-header-user-menu__notice-dot--no-notice"></span>
        </div>
        {{ ibexa_twig_component_group('admin-ui-header-user-menu-middle') }}
        <button class="ibexa-header-user-menu__toggler">
            <div class="ibexa-header-user-menu__thumbnail-wrapper">
                {% include '@ibexadesign/ui/component/user_thumbnail/user_thumbnail.html.twig' with {
                    user_content: user.content,
                } %}
            </div>
            <svg class="ibexa-icon ibexa-icon--tiny">
                <use xlink:href="{{ ibexa_icon_path('caret-down') }}"></use>
            </svg>
        </button>

        {{ include('@ibexadesign/account/notifications/modal.html.twig') }}

        <div class="ibexa-header-user-menu__popup-menu ibexa-popup-menu ibexa-popup-menu--hidden">
            <div class="ibexa-header-user-menu__popup-menu-title">
                {% block current_user %}
                    {{ 'user_menu.popup_menu.title'|trans({'%userName%': user.name})|desc('Logged as %userName%') }}
                {% endblock %}

                {% block focus_mode_toggle %}
                    {{ render(controller('Ibexa\\Bundle\\AdminUi\\Controller\\User\\FocusModeController::changeAction', {
                        returnPath: app.request.attributes.get('semanticPathinfo')
                    })) }}
                {% endblock %}
            </div>

            {{ parent() }}
        </div>
    </div>
{% endblock %}

{% block item %}
    {% if item.name != 'root' %}
        {% set link_attributes = item.linkAttributes|merge({'class': (item.linkAttributes.class|default('') ~ ' ibexa-popup-menu__item-content')|trim}) %}
        {% set attributes = item.attributes|merge({'class': (item.attributes.class|default('') ~ ' ibexa-popup-menu__item')|trim}) %}

        {% do item.setLinkAttributes(link_attributes) %}
        {% do item.setAttributes(attributes) %}
    {% endif %}

    {% if item.getExtra('template') is not null %}
        {% include item.getExtra('template') ignore missing with options only %}
    {% endif %}

    {{ parent() }}
{% endblock %}

{% block linkElement %}
    {% import _self as knp_menu %}

    <a href="{{ item.uri }}"{{ knp_menu.attributes(item.linkAttributes) }}>{{ block('label') }}</a>
{% endblock %}