<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">
    <t t-name="point_of_sale.SyncPopup">
        <Dialog size="'md'">
            <t t-set-slot="header">
                <h4 class="modal-title" t-esc="props.title" />
            </t>
            <div class="payment-methods-overview overflow-auto">
                <h5 class="text-warning">Be aware that reloading data will delete unsaved orders.</h5>
                <p>You can update it by selecting one of the following options:</p>
                <ul>
                    <li><strong>Limited Synchronization:</strong> Quickly refresh essential data.</li>
                    <li><strong>Full Synchronization:</strong> Reload all data (may take longer depending on the amount of data).</li>
                </ul>
            </div>
            <t t-set-slot="footer">
                <div class="modal-footer-left d-flex gap-2 w-100">
                    <button class="button btn btn-primary" t-on-click="() => this.confirm(false)">Limited</button>
                    <button class="button btn btn-secondary" t-on-click="() => this.confirm(true)">Full</button>
                    <button class="button btn btn-secondary ms-auto" t-on-click="props.close">Discard</button>
                </div>
            </t>
        </Dialog>
    </t>
</templates>
