{% extends "oscar/catalogue/partials/product.html" %}
{% load thumbnail i18n ocyanjson ocyan_thumbnail %}

{% block product %}
    <article class="product_pod">
        {% block product_image %}
            {% ocyanjson "oscar" "product_image_geometry" 'x230' as product_image_geometry %}
            <div class="image_container">
                {% with image=product.primary_image %}
                    <a href="{{ product.get_absolute_url }}">
                        {% lazy_picture image.original product_image_geometry upscale=False  alt=image.caption|default:product.title %}
                    </a>
                {% endwith %}
            </div>
        {% endblock %}

        {% block product_title %}
            {{ block.super }}
        {% endblock %}

        {% block product_review %}
            {{ block.super }}
        {% endblock %}

        {% block product_price %}
        <div class="product_price">
            {% include "catalogue/partials/stock_record.html" %}
            {% if not product.is_parent and not product.has_options and product.min_quantity <= 1 %}
                {% include "catalogue/partials/add_to_basket_form_compact.html" %}
            {% else %}
                <a class="btn btn-primary btn-block" href="{{ product.get_absolute_url }}">{% trans "View product" %}</a>
            {% endif %}
        </div>
        {% endblock %}
    </article>
{% endblock %}