<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">
    <t t-inherit="mail.Message" t-inherit-mode="extension">
        <xpath expr="//*[@t-ref='messageContent']" position="replace">
            <div t-if="props.isTypingMessage">
                <img height="30" t-att-src="url('/im_livechat/static/src/img/chatbot_is_typing.gif')"/>
            </div>
            <t t-else="">$0</t>
        </xpath>
        <xpath expr="//*[@t-ref='body']" position="inside">
            <ul class="p-0 m-0" t-if="props.message.chatbotStep?.expectAnswer">
                <li
                    t-foreach="props.message.chatbotStep?.answers" t-as="answer" t-key="answer.id"
                    t-esc="answer.label" t-on-click="() => this.answerChatbot(answer)"
                    class="btn btn-outline-primary d-block mt-2 py-2"
                />
            </ul>
        </xpath>
    </t>
</templates>
