{% extends 'base.html' %}{% comment %}PRODUCTS HOME PAGE{% endcomment %}
{% load thumbnail %}
{% load i18n %}
{% comment %}{% block page-title %}Place Page Title here (variables ?){% endblock %}{% endcomment %}
{% block page-seo %}
        <title>
        	{% trans "Products | Gordini Canada" %}
	</title>
        <meta name="description" content="{% trans 'Our mitts, gloves, goggles,and facemasks are designed to keep you warm and dry in the toughest winter conditions.' %}">
{% endblock %}
{%block body-id%}products{% endblock %}

{% block shop-menu %}
	{% include 'shared/shop-menu.html' %}
{% endblock %}

{% block content %}
	{% include 'shared/search-bar.html' %}

<!--MAIN-->
	<div id="main">
		<aside>
			<h2>{% trans "Products" %}</h2>
			<p>{% trans "We at Gordini only use the best quality of product available in the manufacturing of our products. This concept is carried through our entire product line, in all of our gloves, goggles and facemasks. All of our products are designed by people who are avid skiers and outdoor enthusiasts. Prior to being released onto the market, all of our products have undergone vigorous testing to ensure you are buying the best quality out there, for the investment range of your choice." %}
			</p>
				<table cellspacing="0" cellpadding="0" border="0">
					<tr>
					<td>{{ '<img src="/media/upload/technologies/NATURALOFT.jpg" width="90" />' }}</td>
					<td>{{ '<img src="/media/upload/technologies/LAVAWOOL.jpg" width="90" />' }}</td>
					<td>{{ '<img src="/media/upload/technologies/AQUABLOC.jpg" width="90" />' }}</td>
					</tr>
					<tr>
						<td align="center" style="text-align: center;">{{ '<img src="/media/upload/technologies/GORE-TEX.jpg" width="50" />' }}</td>
						<td>{{ '<img src="/media/upload/technologies/Thinsulate.jpg" width="75" />' }}</td>
						<td>{{ '<img src="/media/upload/technologies/Primaloft.jpg" width="75" />' }}</td>
					</tr>
                                        <tr>
                                                <td>{{ '<img src="/media/upload/technologies/polartec.jpg" width="75" />' }}</td>
                                                <td>{{ '<img src="/media/upload/technologies/downtek.jpg" width="75" />' }}</td>
                                        </tr>
				</table>

		</aside>
		<div class="region" role="region">
		{% if featured_products %}
			<h3 class="featured">{% trans "Featured products" %}</h3>
		{% endif %}
		<ul>
			{% for item in featured_products %}
				<li class="{% cycle 'thumbnail' 'thumbnail' 'thumbnail last' %}">
				<a href="/{{ request.REGION_CODE }}/shop/products/{{ item.product.handle }}">
				<div class="thumbnail-wrapper">
				{% thumbnail item.product.image.image "108x108" as im %}
						<img src="{{ im.url }}"  alt="{{ item.product.title }}" width="{{ im.width }}" height="{{ im.height }}"/>
						<p class="details">{% trans "See Details" %}</p>
				{% empty %}
					<p>{% trans "No image" %}</p>
				{% endthumbnail %}
			</div>
			</a>
			<p class="caption">{{ item.product.title }}</br>
			${{ item.product.price }}</p>
			{% for elt in item.product.category.all %}
				<a href="/{{ request.REGION_CODE }}/shop/{{ elt.slug }}/1/"><span>{{ elt.name }}</span></a>
			{% endfor %}
			</li>
		{% endfor %}
		</ul>
		</div>
	</div>
{%  endblock content %}
{% block page-scripts %}{% endblock %}