@foreach($productos as $p)
	<div class="row align-items-center mb-2 producto-venta">
    	@php $foto_producto = \FCR::getFotoProducto($p->producto_id); @endphp
        <div class="col-auto pr-2">
            <div class="div-img-ml">
                @if (!empty($p->imagen))
                    @if (!empty($foto_producto))
                        <img loading="lazy"
                            src="{{ $foto_producto }}" title="" alt=""
                            class="img-fluid">
                    @else
                        <img loading="lazy"
                            src="https://imagenes-cr.s3.amazonaws.com/fotos-productos-webp/49x49/1649686979img-1649686978-imagen-sin-foto--0_ddd.webp"
                            title="" alt="" class="img-fluid" width="49">
                    @endif
                @else
                    <img loading="lazy"
                        src="https://imagenes-cr.s3.amazonaws.com/fotos-productos-webp/49x49/1649686979img-1649686978-imagen-sin-foto--0_ddd.webp"
                        title="" alt="" class="img-fluid" width="49">
                @endif
            </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">
                            {{ $p->url_h1 }}
                        </li>
                        @if(!empty($p->producto_codigo_sku))
                            <li class="small"><strong>SKU:</strong> {{ $p->producto_codigo_sku }}</li>
                        @endif
                    </ul>
                </div>
                @if(isset($v->productos) && $v->productos > 1)
                    <div class="col">
                        <a href="javascript: void(0)" onclick="cargarMasProductosML('{{ $v->punto_venta_id }}', 'tr-{{ $v->punto_venta_id }}', 'punto-venta')" class="btn btn-success btn-rounded btn-mini btn-list-productos" title="Cargar mas productos"><i class="fa fa-chevron-down align-bottom"></i></a>
                    </div>
                @endif
            </div>
        </div>
	</div>
@endforeach