@extends('templates.'.$template.'.layouts.default')

@section('canonical')
	<link href="{{ route('search') }}" rel="canonical" />
@endsection

@section('content')

	<div class="category-page category2">
		<div class="container">
			<div class="row">

				<div class="col-sm-12 col-xl-3 filters-column">
					@include('templates.'.config('app.template').'.categories.common.filters')
				</div>

				<div class="col-sm-12 col-xl-9">
					<div class="right-content">

						<div class="section3-category">
							@include('templates.'.config('app.template').'.categories.common.sorting')

							@include('templates.'.config('app.template').'.categories.common.selected-filters')

							<div class="section6-home">
								<div class="container">
									<div class="wrap">
										@if(count($products) > 0)
											<div class="product-boxes-container">
												<div class="row">
													@foreach ($products as $product)
														@php
														$ratingsAvg = $product->calculateRating();
														@endphp
														<div class="col-sm-4">
															<div class="card pack-wine" onclick="javascript:window.location='{{ $product->url }}'">
																<img src="{{ $product->thumbnail_url }}" class="card-img-top" alt="{{ $product->language->title }}" title="{{ $product->language->title }}">
																<div class="card-body">
																	<h5 class="card-title">{{ $product->language->title }}</h5>
																	<p class="wine-producer">{{ $product->brand }}</p>
																	<div class="rating">
																		@for ($i=1; $i <= 5; $i++)
																			@if ($i <= $ratingsAvg)
																				<i class="fa fa-star" aria-hidden="true"></i>
																			@else
																				<i class="fa fa-star-o" aria-hidden="true"></i>
																			@endif
																		@endfor
																		<span class="rating-nr">{{ $product->getRatingsCount() }} {{ trans('translations.votes') }}</span>
																	</div>
																</div>
																<div class="prices">
																	<span class="joined">{{ trans('translations.product-price') }}</span>
																</div>
																<div class="card-footer">
																	<div class="prices">
																		<span class="joined">
																			@if($product->discount_amount > 0)
																				<span class="discount">{{ $product->price }} Lei</span>
																			@endif
																			{{ $product->price_amount }} Lei
																		</span>
																	</div>
																</div>
																<div class="card-label" style="{{ ($product->type_color != ''?'background-color:'.$product->type_color:'') }}">{{ $product->type->language->title or '&nbsp;' }}</div>
															</div>
														</div>
													@endforeach

												</div>
											</div>
										@else
											<div class="empty-products">
												<p>{{ trans('translations.no-wines-found') }}</p>
											</div>
										@endif
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>

@endsection

{{-- Page script --}}
@section('script')
	<script type="text/javascript">

    </script>
@endsection