<?xml version="1.0" encoding="UTF-8" ?>
<templates>
    <t t-name="mail.MailComposerTemplateSelector">
        <Dropdown t-if="props.record.data.can_edit_body" menuClass="'mail-composer-template-dropdown d-flex flex-column'">
            <button class="btn btn-light w-auto mail-composer-template-dropdown-btn" data-hotkey="t" title="Templates">
                <i class="oi oi-fw oi-ellipsis-v"/>
            </button>
            <t t-set-slot="content">
                <div class="px-3 pb-1 text-muted">Select a Template</div>
                <div t-if="state.templates.length > 0" class="mail-composer-template-list overflow-y-auto">
                    <t t-foreach="state.templates" t-as="template" t-key="template_index">
                        <DropdownItem class="'text-truncate px-3'" onSelected="() => this.onLoadTemplate(template)">
                            <t t-if="template.display_name" t-out="template.display_name"/>
                            <span t-else="" class="fst-italic">Untitled</span>
                        </DropdownItem>
                    </t>
                    <DropdownItem class="'px-3'"
                        t-if="state.templates.length >= this.limit"
                        onSelected="() => this.onSelectTemplateSearchMoreBtnClick()">
                        <a href="#">Search More...</a>
                    </DropdownItem>
                </div>
                <div t-else="" class="fst-italic px-3">
                    No saved templates
                </div>
                <t t-if="!this.state.hideMailTemplateManagementOptions">
                    <div class="dropdown-divider"/>
                    <DropdownItem class="'px-3'" onSelected="() => this.onSaveTemplate()">
                        Save as Template
                    </DropdownItem>
                    <div class="dropdown-divider"/>
                    <a href="#" class="px-3" t-on-click="() => this.onManageTemplateBtnClick()">
                        Manage Templates
                    </a>
                </t>
            </t>
        </Dropdown>
    </t>
</templates>
