{% block content %}
    <section class="bg-light py-lg-10 py-5">
        <div class="container">
            <h2 class="mb-5">{% trans %}nove.publikace{% endtrans %}</h2>
            <div class="publications">
                {% for product in get_new_products() %}

                    {% set most_available_variant = product.productVariants|first %}
                    {% for variant in product.productVariants %}
                        {% if most_available_variant.availability.id > variant.availability.id %}
                            {% set most_available_variant = variant %}
                        {% endif %}
                    {% endfor %}

                    <a href="{{ path('shop_product', {slug:product.slug}) }}" class="publication">
                        <div class="publication__cover">
                            {% if most_available_variant.productVariantUploadGroups|length > 0 %}
                                {% if most_available_variant.productVariantUploadGroups[0].UploadGroup.upload|length > 0 %}
                                    {% set upload = most_available_variant.productVariantUploadGroups[0].UploadGroup.upload[0] ?? null %}
                                    {% if upload %}
                                        {% set bg_image = asset(get_upload_background(upload)) %}
                                        {% set original_image = asset(upload.getPath) %}
                                        <img alt="Foto produktu" src="{{ bg_image }}" onerror="this.onerror=null;this.src='{{ original_image }}';" class="publication__image">
                                    {% endif %}
                                {% else %}
                                    <img class="publication__image" src="{{ asset('build/img/mua-no-photo.jpg') }}" alt="Foto produktu">
                                {% endif %}
                            {% else %}
                                <img class="publication__image" src="{{ asset('build/img/mua-no-photo.jpg') }}" alt="Foto produktu">
                            {% endif %}
                        </div>
                        <div class="publication__info">
                            <h3 class="publication__title">{{ product.name }}</h3>
                            <p class="publication__author">{{ get_product_author(most_available_variant) }}</p>
                        </div>
                    </a>
                {% endfor %}
            </div>
        </div>
    </section>
{% endblock %}