{% extends 'base.html' %}{% comment %}PRODUCTS SEARCH PAGE{% endcomment %}
{% load thumbnail %}
	<title>{% block page-title %}Gordini | Search{% endblock %}</title>
{% block shop-menu %}
	{% include 'shared/shop-menu.html' %}
{% endblock %}

{% block body-id %}products-list{% endblock %}

{% block content %}
  {% include 'shared/search-bar.html' %}
<div id="main">
<div class="wrapper" role="presentation">
  <aside>
    <h2>Search results</h2>
  </aside>
{% if count > 0 %}
  <div class="region clearfix" role="region">
    <p>Your search: <strong>"{{ keywords }}"</strong> </p>
    <h3>{{ count }} result{{ count|pluralize }} found</h3>
  </div>
</div>	
  <ul class="clearfix">
  	{% for result in results %}
    <li class="{% cycle 'thumbnail' 'thumbnail' 'thumbnail' 'thumbnail' 'thumbnail last' %}">
         <a href="/{{ request.REGION_CODE }}/shop/products/{{ result.handle }}/">
              <div class="thumbnail-wrapper">
        {% thumbnail result.image.image "108x108" as im %}
  		<img src="{{ im.url }}"  alt="{{ result.image.product_name }}" width="{{ im.width }}" height="{{ im.height }}">
  		{% empty %}
  			<img src="{{ MEDIA_URL }}/upload/image_not_available_1.gif"  alt="Not available" width="108" height="108">
  		{% endthumbnail %}
			  </div>
			</a>
    			<p class="caption"><a href="/{{ request.REGION_CODE }}/shop/products/{{ result.handle }}/"><span>{{ result.title }}</span></a></br>
    			${{ result.price }}</p>
				<a href="">sdsd{{ result.category.0.name }}</a>
  		</li>
  
  	{% endfor %}
  </ul>
{% else %}
	<div class="region" role="region">
	  <p>Your search: <strong>"{{ keywords }}"</strong> </p>
	  <h3>Sorry! No result found</h3>
	  <p>Try again by typing a keyword or a style #</p>
	  <!--SEARCH BAR-->
	  	<form id="search_02" class="searchbar clearfix" action="/{{ request.REGION_CODE }}/shop/search/" method="get">
	  		<div>
	  			<a class="cta-button" href="#" onclick="search_02.submit()"><span></span></a>	  		
	  			<input type="text" name="keywords" value="{{ query|escape }}" placeholder="Search" />
	  		</div>
	  	</form>
	  	<!--END SEARCH BAR-->
	  	<h4>Search Tips</h4>
	  	<ul class="text-list">
	  	  <li>Double check the spelling or try with another spelling</li>
	  	  <li>Limit the search to one or two words</li>
	  	  <li>Trying (sic) using a different term</li>
	  	  <li>Be less specific in your wording. Sometimes a more general term will get better results.</li>
	  	  <li>Try the product number instead of the name</li>
	  	</ul>
    </div><!--End of wrapper-->
	</div>
{% endif %}
	<!-- Pagination -->
		{% if paginator.num_pages > 1 %}
	
			{% if previous %}
				<a href="/{{ request.REGION_CODE }}/shop/search/?keywords={{keywords}}&page={{ previous }}">Previous</a>
			{% endif %}
			{% for page in paginator.page_range %}
				{% if page < max_page and page > min_page %}
					{% if current == page %}
						<a style="font-size:16px;" href="/{{ request.REGION_CODE }}/shop/search/?keywords={{keywords}}&page={{ page }}">{{ page }}</a>
					{% else %}
						<a href="/{{ request.REGION_CODE }}/shop/search/?keywords={{keywords}}&page={{ page }}">{{ page }}</a>
					{% endif %}
				{% endif %}
			{% endfor %}
			{% if next %}
					<a href="/{{ request.REGION_CODE }}/shop/search/?keywords={{keywords}}&page={{ next }}">Next</a>
			{% endif %}
		{% endif %}
</div>
{%  endblock %}