public function template() {
        global $usces_entries;

        $propsAndEvents = [];
        if ($this->controlledComponent === true) {
            $propsAndEvents[] = 'v-bind:loading-prop="loading"';
            $propsAndEvents[] = 'v-bind:purchase-payload="purchasePayload"';
            $propsAndEvents[] = '@update-payload="updatePayload"';
            $propsAndEvents[] = '@update-order="updateOrder"';
            $propsAndEvents[] = '@update-loading="updateLoading"';
            $propsAndEvents[] = '@update-error-messages="updateErrorMessages"';
        }
        $allPropsAndEvents = join(' ', $propsAndEvents);
        ?>
        <delivery-form-component
            inline-template
            delivery-method-session-val="<?php echo $this->getDeliveryMethodValue(); ?>"
            <?php echo $allPropsAndEvents; ?>
        >
            <?php ob_start(); ?>
            <div>
                <div v-cloak v-if="errorMessage" class="error_message" v-html="errorMessage"></div>
                <div class="ui basic blurring segment">
                    <div v-if="loading" class="ui inverted light active dimmer"></div>
                    <table class="customer_form fade" id="time">
                        <input type="hidden" id="delivery_pref" value="" />
                        <?php if (usces_have_shipped()) : ?>
                            <tr>
                                <th scope="row"><?php echo esc_html__('shipping option', 'usces'); ?></th>
                                <td colspan="2">
                                    <?php $this->deliveryMethod(); ?>
                                </td>
                            </tr>
                            <tr>
                                <th scope="row"><?php echo esc_html__('Delivery date', 'usces'); ?></th>
                                <td colspan="2">
                                    <?php $this->deliveryDate(
                                        $usces_entries['order']['delivery_date']
                                    ); ?>
                                </td>
                            </tr>
                            <tr>
                                <th scope="row"><?php echo esc_html__('Delivery Time', 'usces'); ?></th>
                                <td colspan="2">
                                    <?php $this->deliveryTime(
                                        $usces_entries['order']['delivery_time']
                                    ); ?>
                                </td>
                            </tr>
                        <?php endif; ?>
                    </table>
                </div>
            </div>
            <?php $vuehtml = ob_get_contents(); ?>
            <?php ob_end_clean(); ?>
            <?php
            /**
             * Filters the delivery form Vue HTML shown on the Quickpay page
             *
             * @param string                                                                          $vuehtml
             * @param \Aivec\Welcart\SettlementModules\AmazonPay\Components\DeliveryForm\DeliveryForm $instance
             */
            echo apply_filters('wcexaap_checkout_review_filter_delivery_form', $vuehtml, $this);
            ?>
        </delivery-form-component>
        <?php
    }