<nav class="menu menu--footer">

    <div class="grid grid--full grid-small--fit">

        <div class="grid__col">
            <a class="menu__logo" href="/">
                <svg class="logo logo--sm logo--white--green" aria-labelledby="title">
                    <title>Logo</title>
                    <use xlink:href="/assets/img/sprite.svg#logo"></use>
                </svg>
            </a>
        </div>

        <div class="grid__col">
            {% for link in site.data.menus.main %}

                {% assign active = nil %}
                {% if page.url contains link.url %}
                    {% assign active = 'active' %}
                {% endif %}

                <a class="menu__link {{ active }} js-tracking-menu" href="{{ link.url }}">{{ link.title }}</a>

            {% endfor %}
        </div>

        <div class="grid__col">
            {% for link in site.data.menus.secondary %}

                {% assign active = nil %}
                {% if page.url contains link.url %}
                    {% assign active = 'active' %}
                {% endif %}

                <a class="menu__link {{ active }} js-tracking-menu" href="{{ link.url }}">{{ link.title }}</a>

            {% endfor %}
        </div>

        <div class="list-unstyled grid__col">
            {% for link in site.data.menus.community %}

                {% assign active = nil %}
                {% if page.url contains link.url %}
                    {% assign active = 'active' %}
                {% endif %}

                <a class="menu__link {{ active }} js-tracking-menu" href="{{ link.url }}">{{ link.title }}</a>

            {% endfor %}
        </div>

    </div>

    <div class="footer__copyright">
        <small>
            &copy; {{ site.time | date: "%Y" }} {{ site.address.company }}

            {% for link in site.data.menus.legal %}

                {% assign active = nil %}
                {% if page.url contains link.url %}
                    {% assign active = 'active' %}
                {% endif %}

                <a class="menu__link {{ active }} js-tracking-menu" href="{{ link.url }}">{{ link.title }}</a>

            {% endfor %}
        </small>

        <a class="erdf" href="/erdf/" title="BigchainDB is partially supported by the European Regional Development Fund (ERDF)">
            <svg class="logo logo-erdf" aria-labelledby="title">
                <title>European Regional Development Fund (ERDF)</title>
                <use xlink:href="/assets/img/sprite.svg#logo-erdf"></use>
            </svg>
        </a>
    </div>

</nav>
