@foreach ($productos as $producto)
    <div class="row align-items-center mb-2 producto-venta">
        <div class="col-auto pr-2">
            <div class="div-img-ml">
                <img loading="lazy" src="{{ asset('img/imagen-sin-foto.jpg') }}" title="Producto sin foto"
                        alt="Producto sin foto" class="d-block img-fluid" width="70">
            </div>
        </div>
        <div class="col pl-0">
            <div class="row">
                <div class="col-auto">
                    <ul class="list-unstyled mb-0">
                        <li class="mb-1 font-italic">{{ $producto->producto_titulo }}</li>
                        @if (!empty($producto->producto_shop_sku))
                            <li class="small"><a
                                    href="javascript: modalSKUProductoML('sku-producto-{{ $producto->venta_ripley_producto_id }}', {{ $producto->venta_ripley_id }}, '{{ $producto->venta_ripley_producto_id }}')"
                                    id="sku-producto-{{ $producto->venta_ripley_producto_id }}"
                                    class="sku-producto blq-btn"><strong>SKU:</strong> {{ $producto->producto_shop_sku }}</a></li>
                        @else
                            <li class="small"><a
                                    href="javascript: modalSKUProductoML('sku-producto-{{ $producto->venta_ripley_producto_id }}', {{ $producto->venta_ripley_id }}, '{{ $producto->venta_ripley_producto_id }}')"
                                    id="sku-producto-{{ $producto->venta_ripley_producto_id }}"
                                    class="sku-producto blq-btn"><strong>Agregar SKU</strong></a></li>
                        @endif
                        <li class="small"> | <strong>Cantidad:</strong> {{ $producto->cantidad }}</li>
                    </ul>
                    
                </div>
            </div>
        </div>
    </div>
@endforeach