{# https://bootstrapious.com/p/bootstrap-vertical-navbar #}

<!-- Vertical navbar -->
<div class="vertical-nav bg-light" id="sidebar">
  <div class="py-4 px-3 mb-4 bg-light">

    <a 
      href="{{ path('www_home') }}"
    >
    <img src="{{ asset('build/img/logo/logo-tags.svg') }}" alt="{{ 'site.title'|trans({}, 'www') }}" id="logo-tags">
    </a>

  </div>

  <div class="user-name">{{ this.user.name }}</div>

  <ul class="nav flex-column mb-0">

  <li class="nav-item-separator">
  </li>        

    {% for item in this.menu %}

      {% if item.name == "separator" %}

        <li class="nav-item-separator">
        </li>        

      {% else %}
        
        <li class="nav-item">
          <a 
              href="{{ path(item.path) }}"
              class="nav-link font-italic {{ item.class }}">
              <span class="mr-3"><i class="fa fa-{{ item.icon }} fa-fw"></i></span>
              {{ item.name }}
            </a>
        </li>        

      {% endif %}

    {% endfor %}

  </ul>

</div>
<!-- End vertical navbar -->