{{define "lang_switcher"}}
{{if .LangSwitcherShow}}
<div class="dv-lang-switcher dv-lang-switcher--compact" data-dv-lang-switcher{{if .LangSwitcherCookieName}} data-dv-lang-cookie="{{.LangSwitcherCookieName}}"{{end}}>
  <button type="button" class="dv-lang-switcher__btn" aria-haspopup="listbox" aria-expanded="false" aria-label="{{T "ui.lang.switch_aria"}}: {{.LangSwitcherCurrentLabel}}">
    <span class="dv-lang-switcher__flag" aria-hidden="true">{{if .LangSwitcherCurrentFlagIconURL}}<img class="dv-lang-switcher__flag-img" src="{{.LangSwitcherCurrentFlagIconURL}}" alt="" width="20" height="15" loading="lazy" decoding="async">{{else}}<i class="bx bx-globe dv-lang-switcher__flag-fallback" aria-hidden="true"></i>{{end}}</span>
    <span class="dv-lang-switcher__label">{{.LangSwitcherCurrentLabel}}</span>
    <i class="bx bx-chevron-down dv-lang-switcher__chev" aria-hidden="true"></i>
  </button>
  <ul class="dv-lang-switcher__menu" role="listbox" aria-label="{{T "ui.lang.switch_aria"}}" hidden>
    {{range .LangSwitcherOptions}}
    <li>
      <a role="option" href="{{.URL}}" data-dv-lang="{{.Folder}}" class="dv-lang-switcher__item{{if .Active}} is-active{{end}}"{{if .Active}} aria-current="true"{{end}}>
        <span class="dv-lang-switcher__flag" aria-hidden="true">{{if .FlagIconURL}}<img class="dv-lang-switcher__flag-img" src="{{.FlagIconURL}}" alt="" width="20" height="15" loading="lazy" decoding="async">{{else}}<i class="bx bx-globe dv-lang-switcher__flag-fallback" aria-hidden="true"></i>{{end}}</span>
        <span class="dv-lang-switcher__item-label">{{.Label}}</span>
      </a>
    </li>
    {{end}}
  </ul>
</div>
{{end}}
{{end}}