<?xml version="1.0"?>
<data inherit_id="website_sale.cart_lines" name="Accessory Products in my cart">
        <xpath expr="//div[@id='cart_products']" position="inside">
            <h5 t-attf-class="mt-3 mb-0" t-if="suggested_products">Suggested accessories</h5>
            <div t-if="suggested_products" id="suggested_products" class="d-flex flex-column align-items-stretch">
                <div t-foreach="suggested_products" t-as="product" t-attf-class="d-flex gap-3 py-4 #{not product_last and 'border-bottom'}" t-att-data-publish="product.website_published and 'on' or 'off'">
                    <div class="o_cart_product_image">
                        <a t-att-href="product.website_url">
                            <div t-field="product.image_128" t-options="{'widget': 'image', 'qweb_img_responsive': False, 'class': 'border rounded'}"/>
                        </a>
                    </div>
                    <div class="o_cart_suggested_product_name flex-grow-1">
                        <div class="d-flex justify-content-between">
                            <div>
                                <a t-att-href="product.website_url">
                                    <h6 class="align-top small fw-bold text-wrap" t-out="product.with_context(display_default_code=False).display_name"/>
                                </a>
                                <div class="text-truncate o_description_line overflow-hidden mb-2 small text-muted" t-field="product.description_sale"/>
                            </div>
                            <h6 class="d-flex mb-0 small text-end fw-bold" name="suggested_product_price_container">
                                <t t-set="combination_info" t-value="product._get_combination_info_variant()"/>
                                <del name="suggested_product_list_price" t-attf-class="me-2 text-nowrap text-muted {{'' if combination_info['has_discounted_price'] else 'd-none'}}" t-esc="combination_info['list_price']" t-options="{'widget': 'monetary', 'display_currency': website.currency_id}"/>
                                <span name="suggested_product_price" class="text-nowrap" t-esc="combination_info['price']" t-options="{'widget': 'monetary','display_currency': website.currency_id}"/>
                            </h6>
                        </div>
                        <div class="d-flex justify-content-md-end">
                            <button role="button" class="js_add_suggested_products btn btn-primary text-nowrap" t-att-data-product-id="product.id" t-att-data-product-template-id="product.product_tmpl_id.id" t-att-data-product-type="product.type" t-att-data-show-quantity="is_view_active('website_sale.product_quantity')">
                                <i class="d-md-none fa fa-shopping-cart" role="presentation"/>
                                <span class="d-none d-md-inline">Add to cart</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </xpath>
    </data>

    