{% sw_extends '@parent/storefront/layout/header/actions/account-widget.html.twig' %}
{% block layout_header_actions_account_widget %}
<div class="dropdown">
{% block layout_header_actions_account_widget_dropdown_button %}
<button class="btn account-menu-btn header-actions-btn"
type="button"
id="accountWidget"
data-offcanvas-account-menu="true"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
aria-label="{{ "account.myAccount"|trans|striptags }}"
title="{{ "account.myAccount"|trans|striptags }}">
<span class="header-account-icon">
{% set accountIcon = theme_config('headerStylesHeaderAccountIcon') %}
{% set accountClass = theme_config('headerStylesHeaderAccountIcon')|split(' ', 2)[1] %}
{% sw_include "@parent/storefront/utilities/icon.html.twig" ignore missing with { 'name': accountIcon|default('avatar')|split(' ')|first, 'class': accountClass ? accountClass : 'fas' } %}
</span>
{% if theme_config('headerSettingsLayoutDisplayIconLabels') or label %}
<span class="{{ theme_config('headerSettingsLayoutDisplayIconLabelsOnMobile') ? '' : 'd-none d-sm-block' }} header-actions-btn-label">
{{ label ?? "account.myAccount"|trans|striptags }}
</span>
{% endif %}
</button>
{% endblock %}
{% block layout_header_actions_account_widget_dropdown_menu %}
<div class="dropdown-menu dropdown-menu-right account-menu-dropdown js-account-menu-dropdown"
aria-labelledby="accountWidget">
{% sw_include '@Storefront/storefront/layout/header/account-menu.html.twig' %}
</div>
{% endblock %}
</div>
{% endblock %}