<div class="sidebar-wrapper d-print-none" data-simplebar="true">
<div class="sidebar-header">
<div>
<img src="{{ asset('assets/images/logos/logo-nubes.png') }}" class="logo-icon" alt="logo icon">
</div>
<div>
<h4 class="logo-text"></h4>
</div>
<div class="toggle-icon ms-auto"><i class='bx bx-arrow-to-left'></i>
</div>
</div>
<!--navigation-->
<ul class="metismenu" id="menu">
<li>
<a href="{{ path("home") }}" class="">
<div class="parent-icon"><i class='bx bx-home-circle'></i>
</div>
<div class="menu-title">Inicio</div>
</a>
</li>
<li>
<a href="{{ path("tpv") }}" class="">
<div class="parent-icon"><i class='bx bx-money'></i>
</div>
<div class="menu-title">TPV</div>
</a>
</li>
<li>
<a href="{{ path('clientes') }}" class="">
<div class="parent-icon"><i class='bx bx-user'></i>
</div>
<div class="menu-title">Clientes</div>
</a>
</li>
<li>
<a href="javascript:;" class="has_arrow">
<div class="parent-icon"><i class='bx bx-box'></i>
</div>
<div class="menu-title">Productos</div>
</a>
<ul>
<li>
<a href="{{ path('productos') }}"><i class="bx bx-right-arrow-alt"></i>Listado de productos</a>
</li>
<li>
<a href="{{ path('categorias') }}"><i class="bx bx-right-arrow-alt"></i>CategorÃas</a>
</li>
<li>
<a href="{{ path('atributos') }}"><i class="bx bx-right-arrow-alt"></i>Atributos</a>
</li>
<li>
<a href="{{ path('proveedores') }}"><i class="bx bx-right-arrow-alt"></i>Proveedores</a>
</li>
<li>
<a href="{{ path('marcas') }}"><i class="bx bx-right-arrow-alt"></i>Marcas</a>
</li>
</ul>
</li>
<li>
<a href="{{ path('ventas') }}" class="">
<div class="parent-icon"><i class='bx bx-coin-stack'></i>
</div>
<div class="menu-title">Ventas</div>
</a>
</li>
<!--li>
<a href="javascript:;" class="has_arrow">
<div class="parent-icon"><i class='bx bx-file'></i>
</div>
<div class="menu-title">Presupuestos</div>
</a>
<ul>
<li>
<a href=""><i class="bx bx-right-arrow-alt"></i>Presupuestos</a>
</li>
<li>
<a href=""><i class="bx bx-right-arrow-alt"></i>Listado de pres.</a>
</li>
</ul>
</li>
<li>
<a href="javascript:;" class="has_arrow">
<div class="parent-icon"><i class='bx bx-coin-stack'></i>
</div>
<div class="menu-title">Impagos</div>
</a>
<ul>
<li>
<a href=""><i class="bx bx-right-arrow-alt"></i>Impagos</a>
</li>
<li>
<a href=""><i class="bx bx-right-arrow-alt"></i>Listado de impa.</a>
</li>
</ul>
</li>
<li>
<a href="" class="">
<div class="parent-icon"><i class='bx bx-user-x'></i>
</div>
<div class="menu-title">Clientes</div>
</a>
</li>
<li>
<a href="" class="">
<div class="parent-icon"><i class='bx bx-user'></i>
</div>
<div class="menu-title">Acciones</div>
</a>
</li>
<!--li>
<a href="" class="">
<div class="parent-icon"><i class='bx bx-crosshair'></i>
</div>
<div class="menu-title">Objetivos</div>
</a>
</li-->
{% if app.user.getRole()=="ADMIN" %}
<li>
<a href="{{ path('users') }}" class="">
<div class="parent-icon"><i class='bx bx-lock'></i>
</div>
<div class="menu-title">Usuarios</div>
</a>
</li>
{% endif %}
</ul>
<!--end navigation-->
</div>