<div class="row">
	<div class="col-md-12 eq-height-row">
		
		@forelse($products as $product)
			<div class="col-md-3 col-xs-4 product_list eq-height-col">
				<div class="product_box bg-gray" data-toggle="tooltip" data-placement="bottom" data-variation_id="{{$product->variation_id}}" title="{{$product->name}} @if($product->type == 'variable')- {{$product->variation}} @endif {{ '(' . $product->sub_sku . ')'}}">
				<div class="image-container">
					@if(!empty($product->image))
						 <img src="{{$image_url . $product->image}}" alt="Product Image">
					@else
						 <img src="/img/default.png" alt="Product Image">
					@endif
				</div>
					<div class="text">
					<small>{{$product->name}} 
					@if($product->type == 'variable')
						- {{$product->variation}}
					@endif
					</small>
					</div>
					<small>({{$product->sub_sku}})</small>

				</div>
			</div>
		@empty
			<h4 class="text-center">
				@lang('lang_v1.no_products_to_display')
			</h4>
		@endforelse
	</div>
	<div class="col-md-12">
		{{ $products->links('sale_pos.partials.product_list_paginator') }}
	</div>
</div>