{% block component_product_quickview_minimal %}
    {% set name = page.product.translated.name %}
    {% set manufacturer = page.product.manufacturer %}

    <div class="quickview-minimal-container">
        {% block component_product_quickview_minimal_top %}
            <div class="row quickview-minimal-top">
                {% block component_product_quickview_minimal_img %}
                    <div class="col-12 col-md-6 quickview-minimal-image">
                        {% if page.product.media %}
                            {% sw_thumbnails 'minimal-image-thumbnails' with {
                                media: page.product.cover.media,
                                sizes: {
                                    'default': '360px'
                                },
                                attributes: {
                                    'class': 'img-fluid quickview-minimal-img',
                                    'alt': ( page.product.cover.translated.alt ?: ''),
                                    'title': (page.product.cover.translated.title ?: '')
                                }
                            } %}
                        {% else %}
                            {% sw_icon 'placeholder' style {
                                'size': 'fluid'
                            } %}
                        {% endif %}
                    </div>
                {% endblock %}

                {% block component_product_quickview_minimal_product %}
                    <div class="col-12 col-md-6 quickview-minimal-product">
                        {% block component_product_quickview_minimal_product_name %}
                            <a href="{{ seoUrl('frontend.detail.page', {'productId': page.product.id}) }}"
                               target="_blank"
                               rel="noopener"
                               title="{{ name }}"
                               class="h4 quickview-minimal-product-name">
                                {{ name }}
                            </a>
                        {% endblock %}

                        {% block component_product_quickview_minimal_product_number %}
                            <p class="quickview-minimal-product-number">
                                {{ "detail.productNumberLabel"|trans|sw_sanitize }} {{ page.product.productNumber }}
                            </p>
                        {% endblock %}

                        {% block component_product_quickview_minimal_product_manufacturer %}
                            {% if manufacturer %}
                                <a href="{{ manufacturer.link }}"
                                   target="_blank"
                                   rel="noopener"
                                   title="{{ manufacturer.translated.name }}"
                                   class="quickview-minimal-product-manufacturer">
                                    {% if manufacturer.media %}
                                        {% sw_thumbnails 'quickview-minimal-product-manufacturer-logo' with {
                                            media: manufacturer.media,
                                            sizes: {
                                                'default': '360px'
                                            },
                                            attributes: {
                                                'class': 'quickview-minimal-product-manufacturer-logo',
                                                'alt': ( manufacturer.translated.name ?: '')
                                            }
                                        } %}
                                    {% else %}
                                        {{ manufacturer.translated.name }}
                                    {% endif %}
                                </a>
                            {% endif %}
                        {% endblock %}
                    </div>
                {% endblock %}
            </div>
        {% endblock %}

        {% block component_product_quickview_minimal_footer %}
            {% if page.product.translated.description %}
                <div class="quickview-minimal-footer">
                    {% block component_product_quickview_minimal_footer_heading %}
                        <p class="h5 quickview-minimal-footer-heading">
                            {{ "detail.tabsDescription"|trans|sw_sanitize }}
                        </p>
                    {% endblock %}

                    {% block component_product_quickview_minimal_footer_text %}
                        <p class="quickview-minimal-footer-description">
                            {{ page.product.translated.description|sw_sanitize }}
                        </p>
                    {% endblock %}
                </div>
            {% endif %}
        {% endblock %}
    </div>
{% endblock %}
