<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">
    <t t-name="ReceiptScreen" t-inherit="point_of_sale.ReceiptScreen" t-inherit-mode="extension">
        <xpath expr="//div[hasclass('sending-receipt-management')]" position="inside">
            <button t-if="pos.config.module_pos_sms" t-att-style="`width: ${this.ui.isSmall ? '4rem' : '8rem'}`"  class="btn btn-primary btn-lg h-100 rounded-start-0 lh-lg" t-att-disabled="!isValidPhone" t-on-click="() => this.actionSendReceiptOnSMS()">
                <i t-attf-class="fa {{sendReceipt.status === 'loading' and sendReceipt.lastArgs?.[0]?.name === 'SMS' ? 'fa-fw fa-spin fa-circle-o-notch' : 'fa-lg fa-mobile'}}" />
            </button>
        </xpath>
    </t>
</templates>
