{% assign logo_path = site.main_logo %}
<header class="style-1">
  <nav class="navbar navbar-expand-lg navbar-light">
    <div class="container">
      <a class="navbar-brand" href="/">{{ site.name }}</a>
      <ul class="nav ml-auto">
        {%- for link in site.data.navigation.main -%}
          {%- if link.url contains '://' -%}
            {%- assign url = link.url -%}
          {%- else -%}
            {%- assign url = link.url | relative_url -%}
          {%- endif -%}
          <!-- {{ page.url }} -->
          <li class="nav-item" data-toggle="popover" data-placement="bottom" data-trigger="manual" data-pop="submenu{{ forloop.index }}">
            <a class="nav-link {% if page.url==url %}active{% endif %}" href="{% if link.url %}{{ url }}{% else %}#{% endif %}">{{ link.title }}</a>
            {%- if link.sub -%}
            <div id="submenu{{ forloop.index }}" class="d-none">
              {%- for sublink in link.sub -%}
              <p class="mb-0 px-2 py-1 subnav-item"><a href="{{sublink.url}}">{{sublink.title}}</a></p>  
              {%- endfor -%}
            </div>
            {%- endif -%}
          </li>
        {%- endfor -%}
        <!-- show collection navigation -->
        {% for collection in site.collections %}
          {% if collection.navigation %}
            <li class="nav-item">
              <a class="nav-link {% if page.url==url %}active{% endif %}" href="/{{ collection.relative_directory | remove_first: '_' }}">{{ collection.label | capitalize }}</a>
            </li>
            <!-- create categories array-->
            {% assign categories_col = "" | split:"|" %}
            <!--Add each unique 'my_collection' category to the array-->
            {% for post in collection.docs %}
              {% for category in post.categories %}
                {% assign categories_col = categories_col | push: category | uniq %}
              {% endfor %}
            {% endfor %}
            <!-- show category navigation -->
            {% for cat in categories_col %}
              <li class="nav-item">
                <a class="nav-link {% if page.url==url %}active{% endif %}" href="/{{ collection.relative_directory | remove_first: '_' }}/{{ cat }}">{{ cat | capitalize }}</a>
              </li>
            {% endfor %}
          {% endif %}
        {% endfor %}
      </ul>
    </div>
  </nav>
</header>