{% set productName = product.cache(shop.currentLocale).name %}
{% set productPath = path('eshop_product_detail', {slug: product.cache(shop.currentLocale).slug}) %}

<div class="product-box">
    <div class="card h-100">
        <a href="{{ productPath }}" class="product-box__image-link">
            {% if product.mainImage %}
                <img src="{{ productImagePath(product.mainImage) }}" alt="{{ productName }}" class="product-box__image">
            {% else %}
                {{ component('dummy_image') }}
            {% endif %}
        </a>
        <div class="card-body p-4">
            <div class="text-center">
                <h5 class="fw-bolder product-box__title">
                    {{ productName }}
                    {% if product.cache(shop.currentLocale).variantName %}
                        ({{ product.cache(shop.currentLocale).variantName }})
                    {% endif %}
                </h5>
                {% if product.cache(shop.currentLocale).price %}
                    {{ product.cache(shop.currentLocale).price|money }}
                {% else %}
                    {{ 'free'|translate }}
                {% endif %}
            </div>
        </div>
        <!-- Product actions-->
        <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
            <div class="text-center">
                <a class="btn btn-primary mt-auto product-box__button" href="{{ productPath }}">Zobrazit</a>
            </div>
        </div>
    </div>
</div>