<nav class="navbar navbar-vertical navbar-expand-lg">
  <div class="collapse navbar-collapse" id="navbarVerticalCollapse">
    <!-- scrollbar removed-->
    <div class="navbar-vertical-content">
      <ul class="navbar-nav flex-column" id="navbarVerticalNav">

				{% for menuItem in menuManager.getMenu() %}
					{% set active = menuItem.active ? ' active' : '' %}
					<li class="nav-item">
						<!-- Parent pages -->
						<div class="nav-item-wrapper">
							<a 
								class="nav-link dropdown-indicator label-1{{ active }}" 
								href="#{{ menuItem.title }}" 
								role="button" 
								data-bs-toggle="collapse" 
								aria-expanded="{{ menuItem.active ? 'true' : 'false' }}" 
								aria-controls="{{ menuItem.title }}"
							>
								<div class="d-flex align-items-center">
									<div class="dropdown-indicator-icon-wrapper">
										<span class="fas fa-caret-right dropdown-indicator-icon"></span>
									</div>
									<span class="nav-link-icon"><span data-feather="grid"></span></span>
									<span class="nav-link-text">{{ menuItem.title }}</span>
								</div>
							</a>
							<div 
								class="parent-wrapper label-1 collapse parent{{ menuItem.active ? ' show' : '' }}" 
								data-bs-parent="#navbarVerticalCollapse" 
								id="{{ menuItem.title }}"
							>
								<ul class="nav">
									{% for item in menuItem.menu %}
										<li class="nav-item">
											<a 
												class="nav-link{{ item.active ? ' active' : '' }}" 
												href="{{ item.url }}"
											>
												<div class="d-flex align-items-center">
													<i class="{{ item.icon }} fa-fw" aria-hidden="true"></i>
													&nbsp;<span class="nav-link-text">{{ item.title }}</span>
												</div>
											</a>
										</li>
									{% endfor %}
								</ul>
							</div>
						</div>
					</li>
				{% endfor %}

      </ul>
    </div>
  </div>
<!--
  <div class="navbar-vertical-footer">
    <button class="btn navbar-vertical-toggle border-0 fw-semibold w-100 white-space-nowrap d-flex align-items-center"><span class="uil uil-left-arrow-to-left fs-8"></span><span class="uil uil-arrow-from-right fs-8"></span><span class="navbar-vertical-footer-text ms-2">Reducir Menú</span></button>
  </div>
-->
</nav>
