{% if oxcmp_user %}
    {% set iNoticeListCount = oxcmp_user.getNoticeListArtCnt() %}
    {% set iWishListCount = oxcmp_user.getWishListArtCnt() %}
    {% set iRecommListCount = oxcmp_user.getRecommListsCount() %}
{% else %}
    {% set iNoticeListCount = 0 %}
    {% set iWishListCount = 0 %}
    {% set iRecommListCount = 0 %}
{% endif %}
{% set iNotificationsCounter = oView.getCompareItemsCnt()+iNoticeListCount+iWishListCount+iRecommListCount %}

<div class="dropdown position-static c4s-header-service-menu-account{% if not oxcmp_user %} c4s-header-service-menu-login-btn{% endif %}">
    <button type="button" class="btn dropdown-toggle c4s-header-service-btn" data-bs-toggle="dropdown" data-bs-auto-close="outside"{% if oxcmp_user %} data-href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~  "cl=account" }) }}"{% endif %}>
        {% block layout_page_header_icon_menu_account_button %}
            {% if not oxcmp_user %}
                {% if blDisplayServiceMenuIcons %}<i class="fa-solid fa-user"></i>{% endif %}
                <span class="d-none d-xl-inline-block">{{ translate({ ident: "LOGIN" }) }}</span>
            {% else %}
                {% if blDisplayServiceMenuIcons %}<i class="fa-solid fa-user"></i>{% endif %}
                <span class="d-none d-xl-inline-block">{{ translate({ ident: "MY_ACCOUNT" }) }}</span>
            {% endif %}
            {# {% if iNotificationsCounter > 0 %}* todo theme parameter? #}
                {# <span class="badge rounded-pill bg-secondary">{{ iNotificationsCounter }}</span> #}
            {# {% endif %} #}
            {% if blDisplayServiceMenuIcons %}<i class="fa-solid fa-angle-down d-none d-sm-inline-block"></i>{% endif %}
        {% endblock %}
    </button>
    <div class="dropdown-menu w-100 c4s-header-servicemenu-account-flyout" role="menu">
        {% block layout_page_header_icon_menu_account_list %}
            <div class="container{% if blFullwidth %}-fluid{% else %}-lg{% endif %}">
                <div class="row">
                    {% if not oxcmp_user %}
                        <div class="d-none d-md-flex col-12 col-md-5 c4s-header-account-flyout-register">
                            {% block widget_header_servicemenu_account_flyout_nouser_left %}
                                <div data-snippet-ident="c4s_welcome_beforelogin">
                                    {% ifcontent ident "c4s_welcome_beforelogin" set oCont %}
                                        <h3 class="text-center">{{ oCont.oxcontents__oxtitle.value }}</h3>
                                        <p>{{ include(template_from_string(oCont.oxcontents__oxcontent.value)) }}</p>
                                    {% endifcontent %}
                                </div>
                                {% block widget_header_servicemenu_account_flyout_register_link %}
                                    <a class="btn btn-primary" role="button" href="{{ seo_url({ ident: oViewConf.getSslSelfLink()|raw ~ "cl=register" }) }}" title="{{ translate({ ident: "REGISTER" }) }}">{{ translate({ ident: "REGISTER" }) }}</a>
                                {% endblock %}
                            {% endblock %}
                        </div>
                        <div class="col col-md-5 offset-md-2 c4s-header-account-flyout-login">
                            {% block widget_header_servicemenu_account_flyout_nouser_right %}
                                <div class="c4s-header-account-flyout-register">
                                    {% include "widget/header/loginbox.html.twig" %}
                                </div>
                            {% endblock %}
                        </div>
                    {% else %}
                        <div class="d-none d-md-flex col-12 col-md-7 c4s-header-account-flyout-welcome">
                            {% block widget_header_servicemenu_account_flyout_user_left %}
                                <div class="h-100" data-snippet-ident="c4s_welcome_info">
                                    {% ifcontent ident "c4s_welcome_info" set oCont %}
                                        <h3 class="text-start">{{ oCont.oxcontents__oxtitle.value }}</h3>
                                        <p>{{ include(template_from_string(oCont.oxcontents__oxcontent.value)) }}</p>
                                    {% endifcontent %}
                                </div>
                            {% endblock %}
                        </div>

                        <div class="col col-md-5 col-xl-4 offset-xl-1 d-flex c4s-header-account-flyout-service">
                            {% block widget_header_servicemenu_account_flyout_user_right %}
                                <div class="h-100 c4s-header-servicebox">
                                    {% include "widget/header/servicebox.html.twig" %}
                                    <div class="float-end mt-5 mb-4 c4s-header-account-flyout-logout-btn">
                                        <a class="btn btn-primary btn-lg" role="button" href="{{ oViewConf.getLogoutLink()|raw }}" title="{{ translate({ ident: "LOGOUT" }) }}">
                                            {{ translate({ ident: "LOGOUT" }) }} <i class="fa-solid fa-arrow-right-from-bracket"></i>
                                        </a>
                                    </div>
                                </div>
                            {% endblock %}
                        </div>
                    {% endif %}
                </div>
            </div>
        {% endblock %}
    </div>
</div>