@can('productos')
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePagesProducto"
            aria-expanded="true" aria-controls="collapsePages">
            <i class="fas fa-chart-line"></i>
            <span>Productos y Más</span>
        </a>
        <div id="collapsePagesProducto" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Opciones:</h6>
                @can('productos:categorias')
                <a class="collapse-item" href="{{ route('productocategoria.index') }}">Categorias y
                    otros</a>
                @endcan

                @can('productos:productos')
                <a class="collapse-item" href="{{ route('productoproductos.index') }}">Productos</a>
                @endcan

                @can('productos:precios')
                <a class="collapse-item" href="{{ route('productoprecios.index') }}">Precios</a>
                @endcan
                @can('productos:combos')
                <a class="collapse-item" href="{{ route('productocombos.index') }}">Combo</a>
                @endcan
                @can('productos:servicios')
                <a class="collapse-item" href="{{ route('servicio.index') }}">Servicios</a>
                @endcan
            </div>
        </div>
    </li>

@endcan