@forelse($products as $product)

	<div class="col-md-3 col-xs-4 product_list no-print">
		<div style="padding-bottom: 5px" class="product_box" data-variation_id="{{$product->id}}" title="{{$product->name}}
			 @if($product->type == 'variable')- {{$product->variation}} @endif
			  {{ '(' . $product->sub_sku . ')'}}
			 @if(!empty($show_prices)) @lang('lang_v1.default') - @format_currency($product->selling_price) 
			 @foreach($product->group_prices as $group_price) 
			 @if(array_key_exists($group_price->price_group_id, $allowed_group_prices)) {{$allowed_group_prices[$group_price->price_group_id]}} - @format_currency($group_price->price_inc_tax) @endif @endforeach @endif">
			 @if($product->enable_stock)
			 <span class="qty-box">
				Qty: {{ number_format($product->qty_available) }}
			</span>
		 @else
			 <span style="background-color: green;color:white;">--</span>
		 @endif
		 

		<div class="image-container" 
			style="background-image: url(
					@if(count($product->media) > 0)
						{{$product->media->first()->display_url}}
					@elseif(!empty($product->product_image))
						{{asset('/uploads/img/' . rawurlencode($product->product_image))}}
					@else
						{{asset('/img/default.png')}}
					@endif
				);
			background-repeat: no-repeat; background-position: center;
			background-size: contain;">
			
		</div>

		<div class="text_div">
    @php
        $fullName = $product->name;
        
        if ($product->type == 'variable' && !empty($product->variation)) {
            $fullName .= ' - ' . $product->variation;
        }

        $words = explode(' ', $fullName);
        $shortText = implode(' ', array_slice($words, 0, 3));
    @endphp

    <small class="text text-muted"
       style="color: black !important; margin-top: 5px; display: -webkit-box;
              -webkit-line-clamp: 2; -webkit-box-orient: vertical;
              overflow: hidden; text-overflow: ellipsis; min-height: 2.4em; line-height: 1.2em;">
    {{ $fullName }}
</small>
    
    <small>
        @format_currency($product->sell_price_inc_tax)
    </small>

    {{-- <small class="text-muted">
        ({{ number_format($product->selling_price, 2) }})
    </small> --}}
</div>
			
		</div>
	</div>
@empty
	<input type="hidden" id="no_products_found">
	<div class="col-md-12">
		<h4 class="text-center">
			@lang('lang_v1.no_products_to_display')
		</h4>
	</div>
@endforelse