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

{% block product %}
    {% purchase_info_for_product request product as session %}
    <article class="product_pod">
        {% block product_image %}
            {% ocyanjson "oscar" "product_image_geometry" 'x200' 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 %}

        <div class="description">
            {% block product_review %}
                {{ block.super }}
            {% endblock %}

            {% block product_title %}
                <b class="d-block"><a class="text-dark" href="{{ product.get_absolute_url }}" title="{{ product.get_title }}">{{ product.get_title }}</a></b>
            {% endblock %}

            {% block product_description %}
                <small class="text-muted">{{ product.description|striptags|truncatewords:8 }}</small>
            {% endblock %}

            {% block product_price %}
                <div class="product_price">
                    {% include "catalogue/partials/stock_record.html" %}
                </div>
            {% endblock %}
        </div>
    </article>
{% endblock %}