<footer>
  <div class="footer-container content">
    {% set otherLang = page.url | locale_links | first %}
    <div>
      <a class="languageSwitch" href="{{otherLang.url}}" lang="{{otherLang.lang}}" hreflang="{{otherLang.lang}}">
        {% if otherLang.lang == "de" %}
          Deutsche Version 🇩🇪
        {% else %}
          English Version 🇬🇧/🇺🇸
        {% endif %}
      </a>
    </div>
    <nav id="footerNav">
      {% set navPages = collections.footerNav | pageLang | eleventyNavigation %}
      <ul>
        {%- for entry in navPages -%}
        <li>
          <a class="footernav-item {%- if entry.url == page.url %} active{% endif %}"
            href="{{ entry.url }}">{{ entry.title }}</a>
        </li>
        {%- endfor %}
        <li>
          <a class="footernav-item" href="https://ifsr.de/{{lang}}/datenschutz" target="_blank" rel="noopener">
            {{ 'Privacy' if lang == 'en' else 'Datenschutz' }}
          </a>
        </li>
        <li>
          <a class="footernav-item" href="https://ifsr.de/{{lang}}/impressum" target="_blank" rel="noopener">
            {{ 'Imprint' if lang == 'en' else 'Impressum' }}
          </a>
        </li>
      </ul>
    </nav>
    <span class="designCredit">
      Design:
      <a class="designLink" href="https://designtoasty.de" target="_blank" rel="noreferrer">Designtoasty</a>
    </span>
    <span>Made with 🧉 and 🌈 in Dresden</span>
  </div>
</footer>

{% css %}
  {% include "footer.css" %}
{% endcss %}
