@can('cuentas-por-pagar')
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages7" aria-expanded="true"
            aria-controls="collapsePages">
            <i class="fas fa-store"></i>
            <span>Cuentas por Pagar</span>
        </a>
        <div id="collapsePages7" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Opciones:</h6>
                <a class="collapse-item" href="{{ route('cuentaPagar.LCP') }}">Listado de CxP</a>
                <a class="collapse-item" href="{{ route('CuentasPorPagar.EstadoDeCuentaForm') }}">Reporte
                    de Estado <br> De Cuenta</a>
                <a class="collapse-item" href="{{ route('CuentasPorPagar.AnalisisDeSaldoForm', 'local') }}">Saldo Proveedor
                    Local</a>
                <a class="collapse-item" href="{{ route('CuentasPorPagar.AnalisisDeSaldoForm', 'exterior') }}">Saldo
                    Proveedor
                    Exterior</a>
                <a class="collapse-item" href="{{ route('CuentasPorPagar.HistoricoTransaccionesForm') }}">Histórico de
                    transacciones</a>
            </div>
        </div>
    </li>
@endcan