{% block layout_header_actions_language_widget %}
    {% if position is empty %}
        {% set position = 'top-bar' %}
    {% endif %}

    {% if header.languages.count > 1 %}
        <div class="top-bar-nav-item top-bar-language">
            {% block layout_header_actions_language_widget_form %}
                <form method="post"
                      action="{{ path('frontend.checkout.switch-language') }}"
                      class="language-form"
                      data-form-add-dynamic-redirect="true">
                    {% block layout_header_actions_language_widget_content %}
                        {% set isoCode = context.languageInfo.localeCode|lower|split('-') %}
                        {% set language = isoCode[0] %}
                        {% set country = isoCode[1] %}

                        <div class="languages-menu dropdown">
                            <button class="btn dropdown-toggle top-bar-nav-btn"
                                    type="button"
                                    id="languagesDropdown-{{ position }}"
                                    data-bs-toggle="dropdown"
                                    aria-haspopup="true"
                                    aria-expanded="false"
                                    aria-label="{{ 'header.languageTrigger'|trans({ '%lang%': context.languageInfo.name })|striptags }}">
                                {% block layout_header_actions_language_widget_content_inner %}
                                    {% if not feature('v6.8.0.0') %}
                                        <span aria-hidden="true" class="top-bar-list-icon language-flag country-{{ country }} language-{{ language }}"></span>
                                    {% endif %}
                                    <span class="top-bar-nav-text d-none d-md-inline">{{ context.languageInfo.name }}</span>
                                {% endblock %}
                            </button>

                            {% block layout_header_actions_languages_widget_form_items %}
                                <ul class="top-bar-list dropdown-menu dropdown-menu-end"
                                    aria-label="{{ 'header.languageList'|trans|striptags }}">
                                    {% for language in header.languages %}
                                        {% set isActiveLanguage = language.id is same as(context.context.languageId) %}

                                        <li class="top-bar-list-item{% if isActiveLanguage %} active{% endif %}">
                                            {% block layout_header_actions_languages_widget_form_items_flag %}
                                                {% set isoCode = language.translationCode.code|lower|split('-') %}
                                                {% set flagLanguage = isoCode[0] %}
                                                {% set flagCountry = isoCode[1] %}

                                                <button class="dropdown-item d-flex align-items-center gap-2{% if isActiveLanguage %} active{% endif %}" type="submit" name="languageId" id="{{ position }}-{{ language.id }}" value="{{ language.id }}">
                                                    {% block layout_header_actions_languages_widget_form_items_flag_inner %}
                                                        {% if not feature('v6.8.0.0') %}
                                                            <span aria-hidden="true" class="top-bar-list-icon language-flag country-{{ flagCountry }} language-{{ flagLanguage }}"></span>
                                                            {{ language.name }}
                                                        {% else %}
                                                            {% set languageDisplay = language.translationCode.translated.name and language.translationCode.translated.territory
                                                                ? language.translationCode.translated.name ~ ' (' ~ language.translationCode.translated.territory ~ ')'
                                                                : (language.translationCode.translated.name ?: language.name) %}
                                                            {{ languageDisplay }}
                                                        {% endif %}
                                                    {% endblock %}
                                                </button>

                                                {% if app.request.attributes.get('_route_params')['_locale'] %}
                                                    <input type="hidden" name="languageCode_{{ language.id }}" value="{{ language.translationCode.code }}">
                                                {% endif %}
                                            {% endblock %}
                                        </li>
                                    {% endfor %}
                                </ul>
                            {% endblock %}
                        </div>
                    {% endblock %}

                    {% if position == 'offcanvas' %}
                        <input name="redirectParameters[offcanvas]" type="hidden" value="menu">
                    {% endif %}
                </form>
            {% endblock %}
        </div>
    {% endif %}
{% endblock %}