{% sw_extends '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}

{# ---------------- START: SET TEMPLATE VARS ---------------- #}

{# ThemeWare: Set theme variables #}
{% set twtHeaderAccountBtnCompatibility = theme_config('twt-header-account-btn-compatibility') %}
{% set twtHeaderActionsAccountMenuBtnBadgeShow = theme_config('twt-header-actions-account-menu-btn-badge-show') %}

{# ---------------- END: SET TEMPLATE VARS ---------------- #}

{# ThemeWare: Changes on the account-button #}
{% block layout_header_actions_account_widget_dropdown_button %}
	{% if twtHeaderAccountBtnCompatibility == 2 %}
		{# ThemeWare: Add title-attribute #}
		<button class="btn account-menu-btn header-actions-btn" title="{{ "twt.header.accountText"|trans }}"
				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 }}">
			{# ThemeWare: Add wrapper 'header-account-icon' around sw_icon #}
			<span class="header-account-icon">
				{% sw_icon 'avatar' %}
			</span>
			{# ThemeWare: Ad label 'header-account-name' #}
			<span class="header-account-name">
				{{ "twt.header.accountText"|trans }}
			</span>
			{# ThemeWare: Ad 'Logged-in badge' if customer is logged-in #}
			{% if twtHeaderActionsAccountMenuBtnBadgeShow == 2 and context.customer is not empty %}
				<span class="badge badge-primary twt-header-logged-in-badge">&#10003;</span>
			{% endif %}
		</button>
	{% else %}

		{# Default block #}
		{{ parent() }}
	{% endif %}
{% endblock %}