{{/*
    Mobile language switcher, used inside the collapsed navigation menu.
    Same translation-aware linking as the desktop switcher.
*/}}
{{ if hugo.IsMultilingual }}
{{ $page := . }}
<div class="py-4 border-t border-gray-200 mt-4">
    <div class="text-lg text-gray-600 font-semibold mb-2">{{ i18n "language" }}</div>
    {{ range hugo.Sites }}
    {{ $lang := .Language.Lang }}
    {{ if eq $.Site.Language.Lang $lang }}
    <span class="block py-2 text-primary-600 font-bold">{{ .Language.LanguageName }}</span>
    {{ else }}
    {{ $target := .Home }}
    {{ range $page.AllTranslations }}
        {{ if eq .Lang $lang }}{{ $target = . }}{{ end }}
    {{ end }}
    <a href="{{ $target.RelPermalink }}" hreflang="{{ $lang }}" lang="{{ $lang }}" class="language-switch-link block py-2 text-gray-700 hover:text-primary-600" data-lang="{{ $lang }}">
        {{ .Language.LanguageName }}
    </a>
    {{ end }}
    {{ end }}
</div>
{{ end }}