language

// src/components/template-components/header/language/language.twig

{% set content %}
	{% set item = {title: "Language"|t} %}
	{% set below = [] %}

	{% for language in languages %}
		{% if language.is_active %}
			{% set item = item|merge({title: language.title}) %}
		{% else %}
			{% set below = below|merge([{
				title: language.title,
				url: language.url,
			}]) %}
		{% endif %}
	{% endfor %}

	{% set item = item|merge({below: below}) %}

	<div class="HeaderLanguage-nav">
		{% include "@template-components/header/_nav/_nav.twig" with {
			id: "HeaderLanguage-nav",
			items: [item],
			label: label,
		} only %}
	</div>
{% endset %}

<div class="HeaderLanguage js-HeaderLanguage">
	{% include "@template-components/header/_overlay/_overlay.twig" with {
		label_open: "Open languages"|t,
		label_close: "Close languages"|t,
		content: content,
		alias: "language",
	} only %}
</div>