<?xml version="1.0"?>
<kanban create="false" class="o_theme_kanban" default_order="state,sequence,name" js_class="theme_preview_kanban">
                    <field name="icon"/>
                    <field name="summary"/>
                    <field name="name"/>
                    <field name="state"/>
                    <field name="url"/>
                    <field name="image_ids"/>
                    <field name="category_id"/>
                    <field name="display_name"/>
                    <field name="is_installed_on_current_website"/>
                    <templates>
                        <div t-name="kanban-box" t-attf-class="o_theme_preview #{record.is_installed_on_current_website.raw_value? 'o_theme_installed' : ''}">
                            <t t-set="has_image" t-value="record.image_ids.raw_value.length &gt; 0"/>
                            <t t-set="has_screenshot" t-value="record.image_ids.raw_value.length &gt; 1"/>
                            <t t-set="image_url" t-value="has_image ? '/web/image/' + record.image_ids.raw_value[0] : record.icon.value"/>

                            <div class="o_theme_preview_top bg-white mb4 border">
                                <div t-attf-class="bg-gray-lighter #{has_screenshot? 'o_theme_screenshot' : (has_image ? 'o_theme_cover' : 'o_theme_logo')}" t-attf-style="background-image: url(#{image_url});"/>
                                <div t-if="record.is_installed_on_current_website.raw_value" class="o_button_area">
                                    <button type="object" name="button_refresh_theme" class="btn btn-primary">Update theme</button>
                                    <hr/>
                                    <button type="object" name="button_remove_theme" class="btn btn-secondary">Remove theme</button>
                                </div>
                                <div t-else="" class="o_button_area">
                                    <button type="object" name="button_choose_theme" class="btn btn-primary">Use this theme</button>
                                    <hr t-if="record.url.value"/>
                                    <button role="button" type="edit" t-if="record.url.value" class="btn btn-secondary">Live Preview</button>
                                </div>
                            </div>
                            <div class="o_theme_preview_bottom clearfix">
                                <h5 t-if="record.summary.value" class="text-uppercase float-start">
                                    <b><t t-esc="record.summary.value.split(',')[0]"/></b>
                                </h5>
                                <h6 t-if="record.display_name.value" class="text-muted float-end">
                                    <b><t t-esc="record.display_name.value.replace('Theme', '').replace('theme', '')"/></b>
                                </h6>
                            </div>
                        </div>
                    </templates>
                </kanban>
            