{% extends 'base.html' %}{% comment %}PRODUCTS SEARCH PAGE{% endcomment %}

{% load i18n %}
{% load thumbnail %}


	<title>{% block page-title %}Gordini | {% trans "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>{% trans "Search results" %}</h2>
  </aside>
{% if count > 0 %}
  <div class="region clearfix" role="region">
    <p>{% trans "Your search:" %} <strong>"{{ keywords }}"</strong> </p>
    <h3>{{ count }} {% trans "Result" %}{{ count|pluralize }} {% trans "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="{% trans '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="">{{ result.category.0.name }}</a>
  		</li>
  
  	{% endfor %}
  </ul>
{% else %}
	<div class="region" role="region">
	  <p>{% trans "Your search:" %} <strong>"{{ keywords }}"</strong> </p>
	  <h3>{% trans "Sorry! No result found" %}</h3>
	  <p>{% trans "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="{% trans 'Search' %}" />
	  		</div>
	  	</form>
	  	<!--END SEARCH BAR-->
	  	<h4>{% trans "Search Tips" %}</h4>
	  	<ul class="text-list">
	  	  <li>{% trans "Double check the spelling or try with another spelling" %}</li>
	  	  <li>{% trans "Limit the search to one or two words" %}</li>
	  	  <li>{% trans "Trying (sic) using a different term" %}</li>
	  	  <li>{% trans "Be less specific in your wording. Sometimes a more general term will get better results." %}</li>
	  	  <li>{% trans "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 }}">{% trans "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 }}">{% trans "Next" %}</a>
			{% endif %}
		{% endif %}
</div>
{%  endblock %}