{% if (show_language_switcher) %}
<div class="language-switcher" data-language-switcher>
  <button
    type="button"
    class="language-switcher__button"
    id="language-switcher-button"
  >
    <span class="language-switcher__text">
      {{ current_language }}
    </span>
    <img class="language-switcher__arrow" src="{{
      function("get_frontend_static_asset", "assets/images/arrow.svg")
    }}" alt="{{ t("arrow") }}">
  </button>

  <div
    class="language-switcher__dropdown"
    role="menu"
    aria-orientation="vertical"
    aria-labelledby="language-switcher-button"
    tabindex="-1"
  >
    {% for language in languages %}
    <a
      href="{{ language.url }}"
      class="language-switcher__option {% if language.code == current_language %} language-switcher__option--current {% endif %}"
      role="menuitem"
      tabindex="-1"
      id="menu-item-{{ language.id }}"
    >
      {{ language.code | upper }}
    </a>
    {% endfor %}
  </div>
</div>
{% endif %}