{% sw_extends '@Storefront/storefront/layout/header/actions/currency-widget.html.twig' %}
{# TODO: prüfen... #}
{# ---------------- START: SET TEMPLATE VARS ---------------- #}
{# ThemeWare: Set theme variables #}
{% set twtHeaderType = theme_config('twt-header-type') %}
{% set twtHeaderTopBarJustifyContent = theme_config('twt-header-top-bar-justify-content') %}
{# ---------------- END: SET TEMPLATE VARS ---------------- #}
{# TODO: HC-Architecture... #}
{# ThemeWare: Changes on the currency-dropdown #}
{# TODO:
- Default-Konfiguration ergänzen...
- Check if this can be solved with scss...
#}
{% block layout_header_actions_currency_widget_form_items %}
{% if twtHeaderType == 4 or twtHeaderTopBarJustifyContent == 'flex-start' %}
<div class="top-bar-list dropdown-menu dropdown-menu-left"
aria-labelledby="currenciesDropdown-{{ position }}">
{% for currency in page.header.currencies %}
{% block layout_header_actions_currency_widget_form_items_element %}
<div class="top-bar-list-item dropdown-item{% if currency.id is same as(page.header.activeCurrency.id) %} item-checked{% endif %}"
title="{{ currency.translated.shortName }}">
{% block layout_header_actions_currency_widget_form_items_element_label %}
<label class="top-bar-list-label"
for="{{ position }}-{{ currency.id }}">
{% block layout_header_actions_currency_widget_form_items_element_input %}
<input class="top-bar-list-radio"
id="{{ position }}-{{ currency.id }}"
value="{{ currency.id }}"
name="currencyId"
type="radio"
{% if currency.id is same as(page.header.activeCurrency.id) %} checked{% endif %}>
{{ currency.symbol }} {{ currency.translated.shortName }}
{% endblock %}
</label>
{% endblock %}
</div>
{% endblock %}
{% endfor %}
</div>
{% else %}
{# Default block #}
{{ parent() }}
{% endif %}
{% endblock %}