@extends('public_layouts.layout')
@section('title', $current_layer->name.'-'.__('messages.product'))
@section('description', '')
@section('seo')
@section('content')

<div id="site-main" class="site-main">
	<div id="main-content" class="main-content">
		<div id="primary" class="content-area">
			<div id="title" class="page-title">
				<img class="page-title__bg" src="{{ locale_storage('images/'. $banners['product']) }}" title="{{__('messages.product')}} Banner" alt="{{__('messages.product')}} Banner">
				<div class="section-container">
					<div class="content-title-heading">
						<h1 class="text-title-heading">
							{{__('messages.product')}}	
						</h1>
					</div>
				</div>
			</div>

			<div id="content" class="site-content" role="main">
				<div class="section-padding p-t-70 p-b-70">
					<div class="section-container p-l-r">
						<div class="row">
							<div class="col-xl-3 col-lg-3 col-md-12 col-12 sidebar left-sidebar md-b-50">
								<!-- Block Product Categories -->
								<div class="block block-product-cats">
									<div class="block-title"><h2>{{__('messages.all_categories')}}</h2></div>
									<div class="block-content">
										<div class="product-cats-list">
											<ul>
												@foreach($product_layers as $product_layer)
												<li class="@if($current_layer->id == $product_layer->id) current @endif">
													<a href="{{locale_asset('productlayer/'.$product_layer->id)}}">{{$product_layer->name}}</a>
												</li>
												@endforeach
											</ul>
										</div>
									</div>
								</div>
							</div>

							<div class="col-xl-9 col-lg-9 col-md-12 col-12">
								<div class="tab-content">
									<div class="tab-pane fade show active" id="layout-grid" role="tabpanel">
										<div class="products-list grid">
											<div class="row">
												@if(count($products) > 0)
												@foreach($products as $product)
												<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6">
													<div class="products-entry clearfix product-wapper">
														<div class="products-thumb">
															<div class="product-thumb-hover">
																@if(isset($product->image[0]))
																<a href="{{locale_asset('product/'.$product->id)}}" title="{{$product->title}}-{{$setting['brand_name']}}">
																	<div class="image-wrapper" style="width: 350px; height: 350px; overflow: hidden; position: relative;">
																		<img src="{{locale_storage('images/'.$product->image[0])}}" class="post-image img-fluid" title="{{$product->title}}-{{$setting['brand_name']}}" alt="{{$product->title}}-{{$setting['brand_name']}}"">
																		<img src="{{locale_storage('images/'.$product->image[0])}}" class="hover-image img-fluid" title="{{$product->title}}-{{$setting['brand_name']}}" alt="{{$product->title}}-{{$setting['brand_name']}}"">
																	</div>
																</a>
																@else
																<a href="{{locale_asset('product/'.$product->id)}}" title="{{$product->title}}-{{$setting['brand_name']}}">
																	<div class="image-wrapper" style="width: 350px; height: 350px; overflow: hidden; position: relative;">
																		<img  src="{{asset('assets/default-image.jpg')}}" class="post-image img-fluid" title="{{$product->title}}-{{$setting['brand_name']}}" alt="{{$product->title}}-{{$setting['brand_name']}}"">
																		<img src="{{asset('assets/default-image.jpg')}}" class="hover-image img-fluid" title="{{$product->title}}-{{$setting['brand_name']}}" alt="{{$product->title}}-{{$setting['brand_name']}}"">
																	</div>
																</a>
																@endif
															</div>		
															
														</div>
														<div class="products-content">
															<div class="contents text-center">
																<h3 class="product-title"><a href="{{locale_asset('product/'.$product->id)}}" title="{{$product->title}}-{{$setting['brand_name']}}">{{$product->title}}</a></h3>
															</div>
														</div>
													</div>
												</div>
												@endforeach
												@else
												<div class="col-12">
													<div class="products-entry clearfix product-wapper">
														<div class="products-content">
															<div class="contents text-center">
																<h4>{{__('messages.no_product')}}</h4>
															</div>
												@endif
											</div>
										</div>
									</div>
									
								</div>

								@if($pagination->lastPage() > 1)
								<nav class="pagination">
									<ul class="page-numbers">
										@if($pagination->currentPage() > 1)
										<li><a class="prev page-numbers" href="{{$pagination->previousPageUrl()}}">Previous</a></li>
										@endif
										@for($i = 1; $i <= $pagination->lastPage(); $i++)
										<li><a class="page-numbers @if($pagination->currentPage() == $i) active @endif" href="{{$pagination->url($i)}}">{{$i}}</a></li>
										@endfor
										@if($pagination->currentPage() < $pagination->lastPage())
										<li><a class="next page-numbers" href="{{$pagination->nextPageUrl()}}">Next</a></li>
										@endif
									</ul>
								</nav>
								@endif
							</div>
						</div>
					</div>
				</div>
			</div><!-- #content -->
		</div><!-- #primary -->
	</div><!-- #main-content -->
</div>

@endsection