{% load i18n cms_tags menu_tags %}

<div class="navigation">
    {% show_menu 0 1 100 1 'project/includes/main_menu.html' %}

    <div class="navigation__footer">
        {% include 'project/includes/meta_navigation.html' %}

        {% page_url 'cta' as cta_url %}
        {% if cta_url %}
            <a href="{{ cta_url }}"
               class="footer__login header__button header__button--light header__button--reverse data_id_1">
                {% trans 'Kontakt aufnehmen' %}
                <span class="header__button__icon">
                    {% include 'project/assets/arrow-right-long.svg' %}
                </span>
            </a>
        {% endif %}

        <div class="navigation__meta">
            {% show_menu_below_id 'footer' 0 0 0 0 'project/includes/header_button_menu.html' %}
        </div>
        <div class="navigation__extra">
            {% static_placeholder 'social_media' %}
            <ul class="header__languages">
                {% for lang in LANGUAGES %}
                    <li class="{% if lang.0 == LANGUAGE_CODE %}active{% endif %}">
                        <a href="{% page_language_url lang.0 %}">{{ lang.0 }}</a>
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>
</div>