{% block widget_header_servicebox_flyoutbox %}
    <div class="row">
        <div class="col-12">
            <div class="c4s-header-servicebox-title text-end">
                {{ oxcmp_user.oxuser__oxusername.value }}
            </div>
            {% block widget_header_servicebox_custnr %}
                <div class="c4s-header-servicebox-custnr text-end">
                    {# oxmultilang ident="DASHBOARD_CUSTOMERID" #}{{ oxcmp_user.oxuser__oxcustnr.value }}
                </div>
            {% endblock %}
        </div>
        <div class="col-12">
            <div class="list-group text-end c4s-header-servicebox-service-links">
                {% block widget_header_servicebox_items %}
                    <a href="{{ seo_url({ ident: oViewConf.getSslSelfLink()|raw ~ "cl=account" }) }}" class="list-group-item">
                        <span>{{ translate({ ident: "MY_ACCOUNT" }) }}</span>
                    </a>
                    <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~  "cl=account_order" }) }}" class="list-group-item">
                        <span>{{ translate({ ident: "ORDER_HISTORY" }) }}</span>
                    </a>
                    {% if oViewConf.getShowCompareList() %}
                        <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~  "cl=compare" }) }}" class="list-group-item">
                            {% if oView.getCompareItemsCnt() %}<span class="badge rounded-pill bg-secondary">{{ oView.getCompareItemsCnt() }}</span>{% endif %}
                            <span>{{ translate({ ident: "MY_PRODUCT_COMPARISON" }) }}</span>
                        </a>
                    {% endif %}
                    <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~  "cl=account_noticelist" }) }}" class="list-group-item">
                        {% if oxcmp_user and oxcmp_user.getNoticeListArtCnt() %} <span class="badge rounded-pill bg-secondary">{{ oxcmp_user.getNoticeListArtCnt() }}</span>{% endif %}
                        <span>{{ translate({ ident: "MY_WISH_LIST" }) }}</span>
                    </a>
                    {% if oViewConf.getShowWishlist() %}
                        <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~  "cl=account_wishlist" }) }}" class="list-group-item">
                            {% if oxcmp_user and oxcmp_user.getWishListArtCnt() %} <span class="badge rounded-pill bg-secondary">{{ oxcmp_user.getWishListArtCnt() }}</span>{% endif %}
                            <span>{{ translate({ ident: "MY_GIFT_REGISTRY" }) }}</span>
                        </a>
                    {% endif %}
                    {% if oViewConf.getShowListmania() %}
                        <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~  "cl=account_recommlist" }) }}" class="list-group-item">
                            {% if oxcmp_user and oxcmp_user.getRecommListsCount() %} <span class="badge rounded-pill bg-secondary">{{ oxcmp_user.getRecommListsCount() }}</span>{% endif %}
                            <span>{{ translate({ ident: "MY_LISTMANIA" }) }}</span>
                        </a>
                    {% endif %}
                    {% if oViewConf.isFunctionalityEnabled("blEnableDownloads") %}
                        <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~  "cl=account_downloads" }) }}" class="list-group-item">
                            <span>{{ translate({ ident: "MY_DOWNLOADS" }) }}</span>
                        </a>
                    {% endif %}
                {% endblock %}
            </div>
        </div>
    </div>
{% endblock %}