{% load reviews_tags %}
{% load thumbnail %}
{% load i18n %}
{% load display_tags %}
{% load staticfiles %}

{% block product %}
    <article data-product-id="{{ product.pk }}" class="card product-card mb-4 shadow-sm gift-voucher-card card-{{ forloop.counter }} text-center">
        <div class="card-header">
            {% block product_title %}
                <h3 class="mt-1 mb-1">{{ product.get_title }}</h3>
            {% endblock %}
            <small>{{ product.attr.model }}</small>
        </div>
        <div class="card-price">
            {% block product_price %}
                <div class="product_price mb-2">
                    {% include "catalogue/partials/stock_record.html" %}
                </div>
            {% endblock %}
        </div>

        <div class="card-body d-flex flex-column">
            <div class="mb-5">
                {{ product.description|safe }}
            </div>
            <div class="text-center">
                <button data-product-id="{{ product.pk }}" class="btn btn-hook btn-primary btn-package-info">
                    Buy voucher
                </button>
            </div>
        </div>

    </article>
{% endblock %}