@can('ventas')
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages2" aria-expanded="true"
            aria-controls="collapsePages">
            <i class="fas fa-store"></i>
            <span>Ventas</span>
        </a>
        <div id="collapsePages2" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Opciones:</h6>

         
                @can('ventas:cotizaciones')
                <a class="collapse-item" href="{{ route('CotizacionInicial.index') }}">Cotizaciones
                </a>
                @endcan

                @can('ventas:configuraciones')
                <a class="collapse-item" href="{{ route('configuraciones.cotizaciones') }}">Configuración
                    de <br> cotizaciones</a>
                @endcan


                @can('ventas:costeos')
                <a class="collapse-item" href="/CotizacionCompleta">Costeo</a>
                @endcan
                
                @can('ventas:ordenes-venta')
                <a class="collapse-item" href="/File">Orden Venta</a>
                @endcan
                
                @can('ventas:reporte-ventas')
                    <a class="collapse-item collapsed text-black" href="#" data-toggle="collapse"
                        data-target="#second_level_ventas" aria-expanded="true" aria-controls="collapsePages">
                        <i class="fas fa-print text-black"></i>
                        <span class="text-black ml-1">Reportes De Venta</span>
                    </a>

                    <ul class="nav nav-second-level collapse" id="second_level_ventas">
                        <li><a class="collapse-item" style="font-size: 12px;"
                                href="{{ route('ReportesFacturacion.Index', 'vendedor') }}">Por
                                Vendedor</a></li>
                        <!-- <li><a class="collapse-item" style="font-size: 12px;"
                                                    href="{{ route('ReportesFacturacion.Index', 'clientes') }}">Por
                                                    Clientes</a></li>
                                            <li><a class="collapse-item" style="font-size: 12px;"
                                                    href="{{ route('ReportesFacturacion.Index', 'servicios') }}">Por
                                                    Tipo de cotización</a></li>
                                            
                                         <li><a class="collapse-item" style="font-size: 12px;"
                                                    href="{{ route('ReportesFacturacion.Index', 'factura') }}">Por
                                                    Factura</a></li>-->
                    </ul>
                @endcan

            </div>
        </div>
    </li>
@endcan