{% sw_extends '@Storefront/storefront/layout/header/top-bar.html.twig' %}

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

{# ThemeWare: Set theme variables #}
{% set twtHeaderTopBarShow = theme_config('twt-header-top-bar-show') %}
{% set twtHeaderTopBarCurrenciesMenuShow = theme_config('twt-header-top-bar-currencies-menu-show') %}
{% set twtHeaderTopBarLanguagesMenuShow = theme_config('twt-header-top-bar-languages-menu-show') %}
{% set twtHeaderTopBarServiceMenuShow = theme_config('twt-header-top-bar-service-menu-show') %}

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

{# ThemeWare: Adjustments on the top bar #}
{# TODO:
	- Default-Konfiguration ergänzen...
#}

{% block layout_header_top_bar %}
	{% if twtHeaderTopBarShow == 1 %}
		{# ThemeWare: Block cleared #}
	{% else %}

		<div class="top-bar d-none d-lg-block">
			<nav class="top-bar-nav">
				{# Language menu #}
				{% block layout_header_top_bar_language %}
					{% if twtHeaderTopBarLanguagesMenuShow == 2 %}
						{% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %}
					{% endif %}
				{% endblock %}
				
				{# Currency menu #}
				{% block layout_header_top_bar_currency %}
					{% if twtHeaderTopBarCurrenciesMenuShow == 2 %}
						{% sw_include '@Storefront/storefront/layout/header/actions/currency-widget.html.twig' %}
					{% endif %}
				{% endblock %}
				
				{# Service menu #}
				{# ThemeWare: Show service menu as dropdown or list #}
				{# @deprecated tag:v6.5.0 - will be removed, has been moved to footer #}
				{% block layout_header_top_bar_service %}
					{% if twtHeaderTopBarServiceMenuShow == 2 %}
						{# ThemeWare: Service menu dropdown (default) #}
						{% sw_include '@Storefront/storefront/layout/header/actions/service-menu-widget.html.twig' %}
					{% elseif twtHeaderTopBarServiceMenuShow== 3 %}
						{# ThemeWare: Service menu list #}
						{% sw_include '@Storefront/storefront/themeware/twt-service-menu-list-widget.html.twig' ignore missing %}
					{% endif %}
				{% endblock %}
			</nav>
		</div>
	{% endif %}
{% endblock %}