<nav class="menu menu--main">
    <div class="row row--wide">

        <div class="grid grid--full grid-medium--columns grid--center">
            <div class="grid__col grid__col--2">
                <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>
                {% if site.hiring == true %}
                    <a class="menu__hiring" href="https://github.com/bigchaindb/org/tree/master/archive/jobs" rel="external">
                        <svg class="icon icon--suitcase"><use xlink:href="/assets/img/sprite.svg#icon-suitcase"></use></svg>
                        We're hiring!
                    </a>
                {% endif %}
            </div>

            <div class="grid__col grid__col--4">

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

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

                    {% if link.items %}
                        <div class="dropdown dropdown--hover">
                            <a  class="menu__link {{ active }} js-tracking-menu dropdown-toggle"
                                data-toggle="dropdown"
                                aria-haspopup="true"
                                aria-expanded="false"
                                id="dropdownMenuButton"
                                href="{{ link.url }}">{{ link.title }}
                            </a>
                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                {% for item in link.items %}
                                        {% assign active = nil %}
                                        {% if page.url contains item.url %}
                                        {% assign active = 'active' %}
                                    {% endif %}
                                    <a class="dropdown-item {{ active }}" href="{{ item.url }}" {% if item.external %}rel="external"{% endif %}>
                                        {{ item.title }}
                                    </a>
                                {% endfor %}
                            </div>
                        </div>
                    {% else %}
                        <a class="menu__link {{ active }} js-tracking-menu" href="{{ link.url }}">{{ link.title }}</a>
                    {% endif %}

                {% endfor %}

            </div>
        </div>
    </div>
</nav>
