<?xml version="1.0"?>
<t t-name="product.report_pricelist_page">
        <div class="container bg-white p-4 my-4">
            <div class="row my-3">
                <div class="col-12" t-if="is_visible_title">
                    <h2 t-if="is_html_type">
                        Pricelist:
                        <a href="#" class="o_action" data-model="product.pricelist" t-att-data-res-id="pricelist.id">
                            <t t-esc="pricelist.display_name"/>
                        </a>
                    </h2>
                    <h2 t-else="">
                        Pricelist: <t t-esc="pricelist.display_name"/>
                    </h2>
                </div>
            </div>
            <div class="row">
                <div t-att-class="'text-center' + (' offset-4' if is_html_type else ' offset-3')">
                    <strong>Sales Order Line Quantities (price per unit)</strong>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <table class="table table-sm">
                        <thead>
                            <tr>
                                <th>Products</th>
                                <th groups="uom.group_uom">UoM</th>
                                <t t-foreach="quantities" t-as="qty">
                                    <th class="text-end"><t t-esc="qty"/></th>
                                </t>
                            </tr>
                        </thead>
                        <tbody>
                            <t t-foreach="products" t-as="product">
                                <tr>
                                    <td t-att-class="is_product_tmpl and 'fw-bold' or None">
                                        <a t-if="is_html_type" href="#" class="o_action" t-att-data-model="is_product_tmpl and 'product.template' or 'product.product'" t-att-data-res-id="product['id']">
                                            <t t-esc="product['name']"/>
                                        </a>
                                        <t t-else="">
                                            <t t-esc="product['name']"/>
                                        </t>
                                    </td>
                                    <td groups="uom.group_uom">
                                        <t t-esc="product['uom']"/>
                                    </td>
                                    <t t-foreach="quantities" t-as="qty">
                                        <td class="text-end">
                                            <t t-esc="product['price'][qty]" t-options="{&quot;widget&quot;: &quot;monetary&quot;, &quot;display_currency&quot;: pricelist.currency_id}"/>
                                        </td>
                                    </t>
                                </tr>
                                <t t-if="is_product_tmpl and 'variants' in product">
                                    <tr t-foreach="product['variants']" t-as="variant">
                                        <td>
                                            <a t-if="is_html_type" href="#" class="o_action ms-4" data-model="product.product" t-att-data-res-id="variant['id']">
                                                <t t-esc="variant['name']"/>
                                            </a>
                                            <span t-else="" class="ms-4" t-esc="variant['name']"/>
                                        </td>
                                        <td groups="uom.group_uom">
                                            <t t-esc="product['uom']"/>
                                        </td>
                                        <t t-foreach="quantities" t-as="qty">
                                            <td class="text-end">
                                                <t t-esc="variant['price'][qty]" t-options="{&quot;widget&quot;: &quot;monetary&quot;, &quot;display_currency&quot;: pricelist.currency_id}"/>
                                            </td>
                                        </t>
                                    </tr>
                                </t>
                            </t>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </t>

    