@extends('products.list')

@section('results')

	<div class="row grid-header">
		<div class="col-md-12">
			<h3>Search</h3>
			<div class="well">
				
				<form class="form-inline" method="post" action="{{ route('process_search') }}">
					{!! csrf_field() !!}
				  <div class="form-group">
				    <label for="form-search">Keywords or product code</label>
				    <input type="text" class="form-control" id="form-search" size="40" name="query" value="{{ $query ?? '' }}">
				  </div>			  
				  <button type="submit" class="btn btn-orange">Search</button>
				</form>
			</div>
		</div>
	</div>
	
	@if (is_object($products) && $products->count())
		<div class="row grid-links">

		@foreach ($products as $product)
		
			<div class="col-md-3">
				<div class="product">
					<a href="{{ $product->get_route() }}">			
						<div class="image-wrapper">
							<img src="/imagecache/square/{{ $product->image() }}?size=200" class="img-responsive" alt="{{ $product->title }}">
						</div>
						<h3>{{ $product->title }}</h3>
					</a>
				</div>
			</div>
		
			@if (($loop->index + 1) % 4 == 0)
				<div class="clearfix"></div>			
			@endif
		
		@endforeach
		</div>
	@elseif (!empty($query))
	<p>There are no products that match your search terms.</p>

	@endif


@endsection