<?xml version="1.0"?>
<t name="Card group" t-name="website_sale.dynamic_filter_template_product_product_card_group">
            <t t-foreach="records" t-as="data" data-row-per-slide="2" data-number-of-elements="2" data-number-of-elements-sm="1" data-arrow-position="bottom" data-extra-classes="o_card_group rounded" data-thumb="/website_sale/static/src/img/snippets_options/product_card_group.svg">
                <t t-set="record" t-value="data['_record']"/>
                <div class="o_carousel_product_card card w-100 rounded-0 border-top-0 border-start-0" t-att-data-url="record.website_url">
                    <div t-if="is_sample" class="h5 o_ribbon_right bg-primary text-uppercase">Sample</div>
                    <input type="hidden" name="product-id" t-att-data-product-id="record.id"/>
                    <div class="o_carousel_product_card_body card-body justify-content-between h-100 p-3">
                        <div class="row h-100">
                            <div class="col-8 d-flex flex-column">
                                <div class="card-title h5" t-field="record.display_name"/>
                                <div class="card-text h6 text-muted" t-field="record.description_sale"/>
                                <div class="d-flex justify-content-between align-items-center flex-wrap w-100 mt-auto">
                                    <div class="h5 text-primary mb-0 me-2">
                                        <t t-call="website_sale.price_dynamic_filter_template_product_product"/>
                                    </div>
                                    <t t-if="is_view_active('website_sale.product_comment')" t-call="portal_rating.rating_widget_stars_static">
                                        <t t-set="rating_avg" t-value="record.rating_avg"/>
                                        <t t-set="rating_count" t-value="record.rating_count"/>
                                    </t>
                                </div>
                            </div>
                            <div class="col-4 position-static">
                                <div class="overflow-hidden position-static">
                                    <a class="stretched-link o_dynamic_product_hovered" t-att-href="record.website_url">
                                        <img class="img img-fluid o_img_product_square o_img_product_cover h-auto" loading="lazy" t-att-src="data['image_512']" t-att-alt="record.display_name"/>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </t>
        </t>
        