<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">
    <t t-name="sale.ProductConfiguratorDialog">
        <Dialog size="props.size" title="title" contentClass="'o_sale_product_configurator_dialog'">
            <ProductList t-if="this.state.products.length" products="this.state.products"/>
            <ProductList
                t-if="this.state.optionalProducts.length"
                products="this.state.optionalProducts"
                areProductsOptional="true"/>
            <t t-set-slot="footer">
                <button
                    name="sale_product_configurator_confirm_button"
                    class="btn btn-primary order-2 order-md-1"
                    t-on-click="onConfirm"
                    t-att-disabled="!isPossibleConfiguration()">
                    Confirm
                </button>
                <button
                    name="sale_product_configurator_cancel_button"
                    class="btn btn-secondary order-2 order-md-1"
                    t-on-click="onDiscard"
                >
                    Cancel
                </button>
                <h6
                    t-if="env.showPrice"
                    class="o_configurator_price_total order-1 order-md-2 d-block d-sm-inline-block w-100 w-md-auto text-end ms-md-3 mb-0"
                    name="sale_product_configurator_list_total"
                >
                    <t t-out="totalMessage"/>
                </h6>
            </t>
        </Dialog>
    </t>
</templates>
