{#
<div class="col-12 col-md-6 col-lg-3">
    <a href="{{ path('shop_product', {slug: product.slug}) }}" class="shop-item">
        <div class="shop-item__cover">
            <img class="shop-item__image" src="{{ asset('/build/img/hp-book2.jpg') }}" alt="Book">
        </div>
        <h4 class="shop-item__title">{{ product.name }}</h4>
    </a>
</div>
#}
<a href="{{ path('shop_product', {slug: product.slug}) }}" class="shop-publication">
    <div class="shop-publication__cover">
        {% if product.productVariants[0].productVariantUploadGroups|length > 0 %}
            {% if product.productVariants[0].productVariantUploadGroups[0].UploadGroup.upload|length > 0 %}
                <img alt="Foto produktu" src="{{ asset(product.productVariants[0].productVariantUploadGroups[0].UploadGroup.upload[0].path) }}" class="shop-publication__image">
            {% else %}
                <img alt="Foto produktu" class="shop-publication__image" src="{{ asset('/build/img/mua-no-photo.jpg') }}">
            {% endif %}
        {% else %}
            <img alt="Foto produktu" class="shop-publication__image" src="{{ asset('/build/img/mua-no-photo.jpg') }}">
        {% endif %}
        {% if  product.productVariants[0].price %}
            {% if product.productVariants[0].availability.id != 3 and product.productVariants[0].availability.id != 4 and product.productVariants[0].availability.id != 5 and product.productVariants[0].availability.id != 6 %}
                <div class="badge">
                    <img alt="cart" src="{{ asset('/build/svg/cart.svg') }}">
                </div>
            {% endif %}
        {% endif %}
    </div>
    <div class="shop-publication__info">
        <h4 class="shop-publication__title">
            {{ product.name }}
        </h4>
        <p class="shop-publication__author">{{get_product_author(product.productVariants[0])}}</p>
    </div>
</a>