@extends('layouts.main')

@section('content')
<div id="intro">
		<div class="container">
			<div class="intro-text">
				<h1 class="hd-h1">@if(isset($state) && !empty($state)){{$state->name}} @elseif(isset($category) && !empty($category)) {{$category->category_descriptions[0]->title}} @else @lang('messages.product_search') @endif</h1>
			</div>
		</div>
	</div><!--END: Intro--> 

	<section id="content">
		<div class="product-detail-content">
			<div class="container">				
				<div class="row justify-content-center">
					<div class="col-lg-4 col-sm-6">
						<select class="target form-control transparent" onchange="if (this.value) window.location.href=this.value">
							<option value="option1">@lang('messages.select_region')</option>
							@if(isset($states) && !empty($states))
								@foreach($states as $value)
							<option value="{{ route('product_filter', ['state' ,str_slug($value->name)])}}" @if(isset($url_alias) && $url_alias == $value->url_alias)selected="selected"@endif>{{$value->name}}</option>
								@endforeach
							@endif
						</select>
					</div>
					<div class="col-lg-4 col-sm-6">

						<select class="target form-control transparent" onchange="if (this.value) window.location.href=this.value">
							<option value="option1">@lang('messages.select_category')</option>
							@if(isset($categories) && !empty($categories))
								@foreach($categories as $category_values)
									<option value="{{ route('product_filter', ['category' ,$category_values->url_alias])}}" @if(isset($url_alias) && $url_alias == $category_values->url_alias)selected="selected"@endif>@if(isset($category_values->category_descriptions[0]->title)){{$category_values->category_descriptions[0]->title}}@endif</option>
									
									@if(isset($category_values->childs) && !empty($category_values->childs))
									@foreach($category_values->childs as $values)
									@if(isset($values->category_descriptions[0]->title) && !empty($values->category_descriptions[0]->title))
									<option value="{{ route('product_filter', ['category' ,$values->url_alias])}}" @if(isset($url_alias) && $url_alias == $values->url_alias)selected="selected"@endif>&nbsp;&nbsp;&nbsp;-->@if(isset($values->category_descriptions[0]->title)){{$values->category_descriptions[0]->title}}@endif</option>
									@endif
									@endforeach
									@endif
								@endforeach
							@endif
						</select>
					</div>
				</div>
				<form action="{{ route('product_search')}}" method="post" class="searchform">
					{{csrf_field()}}
				<div class="row justify-content-center">
					<div class="col-sm-12 col-md-6 col-lg-4">						
						<input type="text" name="keyword" value="@if(isset($url_alias) && $url_alias == $category_values->url_alias){{$search_keyword}}@endif" class="form-control" placeholder="Enter your search keyword...">
						<button type="search" class="button search" value=""><i class="fa fa-search" style="color: #fff"></i></button>
					</div>
				</div>
				</form>
			<hr>
			{{-- @if(isset($category->category_descriptions[0]->blurb) && !empty($category->category_descriptions[0]->blurb))<p> {{$category->category_descriptions[0]->blurb}}</p> @endif --}}		
				<div class="row product-section">
					@if(isset($state) && !empty($state))
					<div class="col-md-3 map-img">
						@if(isset($state->image) && !empty($state->image))
							<figure><img src="{{url('storage/upload/states_images/'.$state->image) }}" alt="{{$state->name}}" width="511" height="430" class="img-block" /></figure>
						@else 
							<figure><img src="/img/no-map-img.jpg"  alt="{{$state->name}}" width="250" height="200" class="img-block" /></figure>  
						@endif
					</div>
					<div class="col-md-9">
					@else
					<div class="col-sm-12">
					@endif	

					<!--<div class="col-lg-5 col-md-4">
						<h2>@lang('messages.products')</h2><hr>
						@if(isset($products) && !empty($products))

						<ul class="list-style">
							@foreach($products as $product)							
							<li><a href="{{ route('product_details', $product->url_alias)}}">@if(isset($product->product_descriptions[0]->title)){{$product->product_descriptions[0]->title}}@endif</a></li>
							@endforeach
						</ul>
						@endif						
					</div>-->					
					
						
					@if(isset($subcategories) && !empty($subcategories) && count($subcategories) > 0)
					<h2 class="text-center">@lang('messages.categories')</h2>
					<div class="row categories justify-content-center">
						@foreach($subcategories as $subcategory)
						 <div class="col-lg-3 col-md-4 col-sm-6 text-center">
						 	@if(isset($subcategory->image) && !empty($subcategory->image))
								<figure><img src="{{url('storage/upload/categories_images/'.$subcategory->image) }}" alt="@if(isset($subcategory->category_descriptions[0]->title)){{$subcategory->category_descriptions[0]->title}} @else @lang('messages.product_search') @endif" width="228" height="170" class="img-block" /></figure>
							@else 
								<figure><img src="/img/no-image.jpg" width="228" height="170" alt="@if(isset($subcategory->category_descriptions[0]->title)){{$subcategory->category_descriptions[0]->title}} @else @lang('messages.product_search') @endif" class="img-block" /></figure>   
							@endif
						 	<a href="{{ route('product_filter', ['category' ,$subcategory->url_alias])}}">@if(isset($subcategory->category_descriptions[0]->title))<h3>{{$subcategory->category_descriptions[0]->title}}</h3>@endif</a>
						 </div>
						@endforeach
					</div>
					@endif
					
					@if(isset($products) && !empty($products) && count($products) > 0 )
					<h2 class="text-center">@lang('messages.products')</h2>
					<div class="row products justify-content-center">
						@foreach($products as $product)
							@if(isset($state) && !empty($state))
						 	<div class="col-lg-4 col-sm-6 text-center">
						 	@else
						 	<div class="col-lg-3 col-md-4 col-sm-6 text-center">
						 	@endif
						 	@if(isset($product->image) && !empty($product->image))
								<figure><img src="{{url('storage/upload/products_images/'.$product->image) }}" alt="@if(isset($product->product_descriptions[0]->title)){{$product->product_descriptions[0]->title}} @else @lang('messages.product_search') @endif" width="228" height="170" class="img-block" /></figure>
							@else 
								<figure><img src="/img/no-image.jpg" width="228" height="170" alt="@if(isset($product->product_descriptions[0]->title)){{$product->product_descriptions[0]->title}} @else @lang('messages.product_search') @endif" class="img-responsive" class="img-block" /></figure>   
							@endif
						 	<a href="{{ route('product_details', $product->url_alias)}}">@if(isset($product->product_descriptions[0]->title))<h3>{{$product->product_descriptions[0]->title}}</h3>@endif</a>
						 </div>
						@endforeach
					</div>
					@endif

					@if(isset($subcategories) && count($subcategories) <= 0 && 
					isset($products) && count($products) <= 0)
					<p>@lang('messages.no_data_available')</p>
					@endif				
					</div>
				</div>
			</div>
		</div>
	</section>	
	</div><!--END: Container-->
@endsection