overleaf/services/web/app/views/layout/language-picker-bootstrap-5.pug

li.dropdown.dropup.subdued(dropdown).language-picker
	a#language-picker-toggle(
		href="#",
		dropdown-toggle,
		data-ol-lang-selector-tooltip,
		data-bs-toggle="dropdown",
		role="button"
		aria-haspopup="true",
		aria-expanded="false",
		aria-label="Select " + translate('language'),
		tooltip=translate('language')
		title=translate('language')
	)
		i.fa.fa-fw.fa-language
		|
		| #{settings.translatedLanguages[currentLngCode]}

	ul.dropdown-menu(role="menu" aria-labelledby="language-picker-toggle")
		li.dropdown-header #{translate("language")}
		each subdomainDetails, subdomain in settings.i18n.subdomainLang
			if !subdomainDetails.hide
				- let isActive = subdomainDetails.lngCode === currentLngCode
				li.lngOption
					a.menu-indent(href=subdomainDetails.url+currentUrlWithQueryParams, role="menuitem", class=isActive ? 'dropdown-item active' : 'dropdown-item', aria-selected=isActive ? 'true' : 'false')
						| #{settings.translatedLanguages[subdomainDetails.lngCode]}
						if subdomainDetails.lngCode === currentLngCode
							span.material-symbols.dropdown-item-trailing-icon.pull-right(aria-hidden="true") check