@forelse($products as $product)
	<div class="col-md-3 col-sm-4 col-xs-6 product_list no-print">
		<div class="product_box product-custom-card" 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">

		<div class="image-container card-img-top" 
			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 custom-card-body">
			<h6 class="product-title mb-0 text-gray-900">{{$product->name}}</h6>
			<span class="fs-small text-gray-700">
				@if($product->type == 'variable')
					- {{$product->variation}}
				@endif
			</span>
			<span class="text-xs text-gray-700">
				({{$product->sub_sku}})
			</span>
			<p class="m-0 item-badges">
				@php
				    if(round($product->qty_available, 3) > 0) {
				        $cls_name = "bg-info";
				    } else {
				        $cls_name = "bg-danger-1";
				    }
				@endphp
				<span class="product-custom-card__card-badge badge text-white {{ $cls_name }}">
					{{round($product->qty_available,3).' '.$product->short_name}}
				</span>
			</p>
			<p class="m-0 item-badge">
				<span class="product-custom-card__card-badge badge text-white bg-primary">
					@format_currency($product->selling_price)
				</span>
			</p>
		</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