<textarea
                                class="o-mail-Composer-fake position-absolute overflow-hidden"
                                t-att-class="inputClasses"
                                t-att-value="props.composer.composerText"
                                t-ref="fakeTextarea"
                                disabled="1"
                            />
                        </t>
                    </div>
                    <t t-call="mail.Composer.quickActions"/>
                </div>
            </div>
            <div class="o-mail-Composer-footer overflow-auto o-scrollbar-thin">
                <AttachmentList
                    t-if="props.composer.attachments.length > 0"
                    attachments="props.composer.attachments"
                    unlinkAttachment.bind="(...args) => attachmentUploader.unlink(...args)"/>
                <div t-if="!extended and !props.composer.message" class="o-mail-Composer-pickerContainer" t-att-class="{ 'o-active': composerActions.activePicker and ui.isSmall }" t-ref="picker-container">
                    <div t-if="partitionedActions.pickers.length > 1 and composerActions.activePicker and ui.isSmall" class="o-mail-Composer-pickerSelection btn-group w-100">
                        <button t-foreach="partitionedActions.pickers" t-as="pickerAction" t-key="'PICKER_' + pickerAction.id" class="btn btn-secondary" t-esc="pickerAction.pickerName" t-on-click="(ev) => pickerAction.onSelected(ev)" t-att-class="{
                            'active': pickerAction.picker.isOpen
                        }"/>
                    </div>
                    <div t-ref="picker-target"/>
                </div>
                <div t-else="" class="d-flex align-items-center gap-1 w-100 pe-2">
                    <div class="pt-1" t-att-class="{ 'mt-2': !props.composer.message }">
                        <span t-if="props.composer.message and !ui.isSmall" class="text-muted px-1 small" t-out="CANCEL_OR_SAVE_EDIT_TEXT" t-on-click="onClickCancelOrSaveEditText" />
                        <t t-elif="!props.composer.message and !props.composer.restoredFromFullComposer">
                            <t t-call="mail.Composer.sendButton"/>
                            <span t-if="!isSendButtonDisabled and !isMobileOS" class="text-muted small ms-1" t-out="OR_PRESS_SEND_KEYBIND"/>
                        </t>
                    </div>
                    <span class="flex-grow-1"/>
                    <t t-if="!props.composer.message" t-call="mail.Composer.extraActions"/>
                </div>
            </div>
        </div>
    </div>
    <NavigableList t-if="suggestion" class="'o-mail-Composer-suggestionList'" t-props="navigableListProps"/>
</t>

<t t-name="mail.Composer.moreActions">
    <div class="o-mail-Composer-bg" t-attf-class="{{ actionsContainerClass }}" t-ref="more-actions">
        <div class="o-mail-Composer-mainActions d-flex flex-grow-1 align-items-baseline">
            <t t-set="moreName">More Actions</t>
            <ActionList inline="true" actions="[{
                'disabledCondition': areAllActionsDisabled,
                'icon': 'fa fa-plus-circle',
                'id': 'more-actions',
                'name': moreName,
                'tags': [],
            }]"/>
        </div>
    </div>
</t>

<t t-name="mail.Composer.suggestionRole">
        <strong class="px-2 py-1 align-self-center flex-shrink-0 text-truncate" t-esc="option.label"/>
        <em class="text-600 text-truncate align-self-center">
            <t t-if="option.thread?.channel_type === 'channel'">Notify users with this role who have permission to view this channel</t>
            <t t-else="">Notify users with this role</t>
        </em>
    </t>

<t t-name="mail.FullComposerRecoveryPopover">
        <div class="px-2">
            <div>
                <p class="mb-0 fs-5 fw-bold">Continue with Full Composer?</p>
                <p class="mb-0 small text-muted">Formatting can only be restored in Full Composer.</p>
            </div>
            <div class="d-flex align-items-center justify-content-center gap-1 mt-2">
                <button class="btn btn-primary" t-on-click="onClickFullRecover"><i class="fa fa-check me-2 opacity-75"/>Yes <span class="small opacity-50">(Keep formatting)</span></button>
                <button class="btn btn-secondary" t-on-click="onClickTextRecover"><i class="oi oi-close me-2 opacity-75"/>No <span class="small opacity-50">(Remove formatting)</span></button>
            </div>
        </div>
    </t>

</templates>