{% extends "site_base.html" %}
{% load thumbnail %}

{% block metas %}
    <title>{{ title }} {% if page_obj.number != 1 %}({{ _('page') }} {{ page_obj.number }}){% endif %} &#8212; {{ settings.SITE_TITLE }}</title>
    <meta name="description" content="{{ description }} {% if page_obj.number != 1 %}({{ _('page') }} {{ page_obj.number }}){% endif %}" />
{% endblock %}

{% block metainfo %}
    <h1>{{ title }} {% if page_obj.number != 1 %}({{ _('page') }} {{ page_obj.number }}){% endif %} &#8212; {{ settings.SITE_TITLE }}</h1>
    <p>{{ description }} {% if page_obj.number != 1 %}({{ _('page') }} {{ page_obj.number }}){% endif %}</p>
{% endblock %}

{% block breadcrumbs %}
{% endblock %}

{% block content %}
<section id="articulos">
    <h1>{{ _('Products') }}</h1>
    <ul class="thumbnails">
    {% for product in myproducts %}
        <li class="span3">
            {% if product.images.all.0 %}
            <div class="thumbnail">
              <a href="{% url app_shop-product-detail product.slug %}"><h2 class="pagination-centered">{{ product.title }}</h2></a>
              {% thumbnail product.images.all.0 "200x100" as im %}<img src="{{ im.url }}" class="img-polaroid"  width="{{ im.width }}" height="{{ im.height }}">{% endthumbnail %}
              <p class="pagination-centered"><a href="#" class="btn btn-primary">{{ _('Buy') }}</a> <a href="#" class="btn">{{ _('More') }}</a></p>
            </div>
            {% endif %}
        </li>
    {% endfor %}
    </ul>

</section>

    {% if is_paginated %}
        <div class="pagination">
            <ul>
                {% if page_obj.has_previous %}
                    {% if tag %}
                        <li><a href="{% url app_shop-with_tag_page tag page_obj.previous_page_number %}">previous</a></li>
                    {% else %}
                        <li><a href="{% url app_shop-index-page page_obj.previous_page_number %}">previous</a></li>
                    {% endif %}
                {% endif %}
                <li class="active"><a href="">Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.</a></li>
                {% if page_obj.has_next %}
                    {% if tag %}
                        <li><a href="{% url app_shop-with_tag_page tag page_obj.next_page_number %}">next</a></li>
                    {% else %}
                        <li><a href="{% url app_shop-index-page page_obj.next_page_number %}">next</a></li>
                    {% endif %}
                {% endif %}
            </span>
        </div>
    {% endif %}

{% endblock %}