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

{# ---------------- 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 ---------------- #}

{# 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 %}