{#-
  Language switcher for the i18n plugin.
-#}
{% if config.extra.i18n_languages and page.i18n_alternates %}
  <div class="md-header__option">
    <div class="md-select">
      {% set icon = config.theme.icon.i18n or "material/translate" %}
      <button class="md-header__button md-icon" aria-label="{{ lang.t('select.language') }}">
        {% include ".icons/" ~ icon ~ ".svg" %}
      </button>
      <div class="md-select__inner">
        <ul class="md-select__list">
          {% for lang in config.extra.i18n_languages %}
            {% set alt = page.i18n_alternates | selectattr('locale', 'equalto', lang.locale) | first %}
            {% if alt %}
              <li class="md-select__item">
                <a
                  href="{{ alt.url | url }}"
                  hreflang="{{ lang.locale }}"
                  class="md-select__link{% if lang.locale == page.i18n_locale %} md-select__link--active{% endif %}"
                >
                  {{ lang.name }}
                </a>
              </li>
            {% endif %}
          {% endfor %}
        </ul>
      </div>
    </div>
  </div>
{% endif %}