@forelse($products as $product)
    <div class="col-md-3 product-item col-xs-4 product_list" style="cursor: pointer;">
        <div class="card text-center 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('app.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">
            <img class="card-img-top image-card" src="@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" alt="{{$product->name}}">

            <div class="card-body">
                <p class="text-center" style="font-size: 11px">{{$product->name}}
                    @if($product->type == 'variable')
                        - {{$product->variation}}
                    @endif</p>
                <h5 style="font-size: 12px" class="card-title b-0 px-0">
                    ({{$product->sub_sku}})</h5>
            </div>
        </div>
    </div>

@empty
	<input type="hidden" id="no_products_found">
	<div class="col-md-12">
		<h4 class="text-center">
			@lang('app.no_products_to_display')
		</h4>
	</div>
@endforelse