@if(!empty($items))
    @foreach($items as $item)
        <li class="pif-has-gallery product type-product post-73 status-publish instock product_cat-posters has-post-thumbnail sale shipping-taxable purchasable product-type-simple category-{{$item['CategoryID']}}">
            <div class=" dt-sc-one-fourth column  on-sale-product in-stock-product ">
                <div class="product-wrapper" style=" 
                    border-radius: 5px;
                    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
                    cursor: pointer;
                    margin-bottom: 25px;">
                    <div class="product-thumb">
                        <a class="image" href="/descuento/{{$item['OfferID']}}-{{$item['Slug']}}" title="Premium Quality"><img width="300" height="300" src="{{config('app.cdn_image').$item['URLImagenCorta']}}" alt="" decoding="async" loading="lazy" srcset="{{config('app.cdn_image').$item['URLImagenCorta']}}" sizes="(max-width: 300px) 100vw, 300px"><img width="1000" height="1000" src="{{config('app.cdn_image').$item['URLImagenCorta']}}" class="secondary-image attachment-shop-catalog" alt="" decoding="async" loading="lazy" srcset="{{config('app.cdn_image').$item['URLImagenCorta']}}"></a>
                        <div class="product-buttons-wrapper">
                            <div class="wc_inline_buttons">
                                <div class="wc_cart_btn_wrapper wc_btn_inline"><a href="/descuento/{{$item['OfferID']}}-{{$item['Slug']}}" data-quantity="1" class="dt-sc-button too-small button product_type_simple ajax_add_to_cart" title="Ver detalle" aria-label="Ver detalle" rel="nofollow">Ver detalle</a></div>
                            </div>
                        </div>
                        <a class="product-content" href="/descuento/{{$item['OfferID']}}-{{$item['Slug']}}" title="Premium Quality"> </a>
                    </div>
                    <div class="product-details">
                        <h5>{{$item['MerchantName']}}</h5>
                        <h6 class="title-h6"><a href="/descuento/{{$item['OfferID']}}-{{$item['Slug']}}">{{$item['ShortTitle']}}</a></h6>
                        <span class="product-price-custom">
                            <h5 class="lugar">{{$item['Distrito']}}</h5>
                            <del><span class="woocommerce-Price-amount-del">S/.{{number_format($item['PrecioReal'], 2, '.', '')}}</span></del> - <span class="woocommerce-Price-amount">S/.{{number_format($item['PrecioOferta'], 2, '.', '')}}</span>
                        </span>
                        <div class="product-rating-wrapper">
                            <div></div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    @endforeach
@endif