@can('compras')
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages6" aria-expanded="true"
            aria-controls="collapsePages">
            <i class="fas fa-store"></i>
            <span>Compras</span>
        </a>
        <div id="collapsePages6" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Opciones:</h6>
                @can('compras:compras')
                <!--<a class="collapse-item" href="{{ route('compra.facturacion') }}">Compras</a>-->
                <a class="collapse-item" href="{{ route('compra.varias') }}">Compras </a>
                @endcan

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

                @can('compras:orden-compra')
                <a class="collapse-item" href="{{ route('orden.orden.index') }}">Orden de Compra</a>
                @endcan

                @can('compras:configuraciones')
                <a class="collapse-item" href="{{ route('configuraciones.ordenCompra') }}">Configuraciones de <br> orden de
                    Compra</a>
                @endcan
               
                <!--<a class="collapse-item" href="{{ route('compra.CajaChica') }}">Caja Chica</a>-->
                <!--<a class="collapse-item" href="">Composicion</a>-->
                <!--<a class="collapse-item collapsed text-black" href="#" data-toggle="collapse"
                                        data-target="#second_level_compras" aria-expanded="true"
                                        aria-controls="collapsePages">
                                        <i class="fas fa-print text-black"></i>
                                        <span class="text-black ml-1">Reportes De Compras</span>
                                    </a>-->



             <!--   <ul class="nav nav-second-level collapse" id="second_level_compras">
                    <li><a class="collapse-item" style="font-size: 12px;"
                            href="{{ route('ReportesCompras.Index', 'proveedores') }}">Compras Por
                            Proveedores</a></li>
                    <li><a class="collapse-item" style="font-size: 12px;"
                            href="{{ route('ReportesCompras.Index', 'factura') }}">Compras Por
                            Factura</a>
                    </li>
                    <li><a class="collapse-item" style="font-size: 12px;"
                            href="{{ route('ReportesCompras.Index', 'servicios') }}">Compras Por
                            Servicios</a></li>
                    <li><a class="collapse-item" style="font-size: 12px;"
                            href="{{ route('ReportesCompras.Index', 'file') }}">Compras Por File</a></li>

                </ul>-->

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