<?xml version="1.0"?>
<!--
/**
 * Copyright © MageWorx. All rights reserved.
 * See LICENSE.txt for license details.
 */
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <css src="MageWorx_DeliveryDate::css/styles.css"/>
    </head>
    <body>
        <referenceBlock name="checkout.root">
            <arguments>
                <argument name="jsLayout" xsi:type="array">
                    <item name="components" xsi:type="array">
                        <item name="deliveryDateProvider" xsi:type="array">
                            <item name="component" xsi:type="string">uiComponent</item>
                        </item>
                        <item name="checkout" xsi:type="array">
                            <item name="children" xsi:type="array">
                                <item name="delivery_date_manager" xsi:type="array">
                                    <item name="sort_order" xsi:type="number">5</item>
                                    <item name="component"  xsi:type="string">MageWorx_DeliveryDate/js/checkout/delivery_date_manager</item>
                                    <item name="provider" xsi:type="string">deliveryDateProvider</item>
                                    <item name="visible" xsi:type="boolean">true</item>
                                </item>
                                <item name="steps" xsi:type="array">
                                    <item name="children" xsi:type="array">
                                        <item name="shipping-step" xsi:type="array">
                                            <item name="children" xsi:type="array">
                                                <item name="shippingAddress" xsi:type="array">
                                                    <item name="children" xsi:type="array">
                                                        <item name="shippingAdditional" xsi:type="array">
                                                            <item name="component" xsi:type="string">uiComponent</item>
                                                            <item name="displayArea" xsi:type="string">shippingAdditional</item>
                                                            <item name="children" xsi:type="array">
                                                                <!-- address-list-additional-addresses -->
                                                                <item name="delivery_date" xsi:type="array">
                                                                    <item name="sortOrder" xsi:type="string">35</item>
                                                                    <item name="component"  xsi:type="string">MageWorx_DeliveryDate/js/checkout/container</item>
                                                                    <item name="config" xsi:type="array">
                                                                        <item name="template" xsi:type="string">MageWorx_DeliveryDate/checkout/container</item>
                                                                    </item>
                                                                    <item name="children" xsi:type="array">
                                                                        <item name="delivery_option_id" xsi:type="array">
                                                                            <item name="sortOrder" xsi:type="string">7</item>
                                                                            <item name="component"  xsi:type="string">Magento_Ui/js/form/element/abstract</item>
                                                                            <item name="config" xsi:type="array">
                                                                                <item name="customScope" xsi:type="string">delivery_date</item>
                                                                                <item name="template" xsi:type="string">MageWorx_DeliveryDate/delivery_info_form/empty</item>
                                                                                <item name="elementTmpl" xsi:type="string">ui/form/element/hidden</item>
                                                                                <item name="id" xsi:type="string">delivery_option_id</item>
                                                                            </item>
                                                                            <item name="dataScope" xsi:type="string">delivery_date.delivery_option_id</item>
                                                                            <item name="provider" xsi:type="string">deliveryDateProvider</item>
                                                                            <item name="visible" xsi:type="boolean">true</item>
                                                                            <item name="id" xsi:type="string">delivery_option_id</item>
                                                                        </item>
                                                                        <item name="datetime_container" xsi:type="array">
                                                                            <item name="sortOrder" xsi:type="string">10</item>
                                                                            <item name="component"  xsi:type="string">MageWorx_DeliveryDate/js/checkout/datetime_container</item>
                                                                            <item name="config" xsi:type="array">
                                                                                <item name="template" xsi:type="string">MageWorx_DeliveryDate/checkout/container/for_datetime</item>
                                                                            </item>
                                                                            <item name="label" xsi:type="string">Date-Time Container</item>
                                                                            <item name="provider" xsi:type="string">deliveryDateProvider</item>
                                                                            <item name="visible" xsi:type="boolean">true</item>
                                                                            <item name="children" xsi:type="array">
                                                                                <item name="delivery_day" xsi:type="array">
                                                                                    <item name="sortOrder" xsi:type="string">10</item>
                                                                                    <item name="component" xsi:type="string">MageWorx_DeliveryDate/js/checkout/element/date/date</item>
                                                                                    <item name="config" xsi:type="array">
                                                                                        <item name="customScope" xsi:type="string">delivery_date</item>
                                                                                        <item name="template" xsi:type="string">ui/form/field</item>
                                                                                        <item name="elementTmpl" xsi:type="string">MageWorx_DeliveryDate/checkout/form/element/date/calendar</item>
                                                                                        <item name="id" xsi:type="string">delivery_day</item>
                                                                                        <item name="pickerDateTimeFormat" xsi:type="string">YYYY-MM-DD</item>
                                                                                        <item name="pickerDefaultDateFormat" xsi:type="string">y-MM-dd</item>
                                                                                        <item name="options" xsi:type="array">
                                                                                            <item name="timeInput" xsi:type="boolean">false</item>
                                                                                            <item name="showsTime" xsi:type="boolean">false</item>
                                                                                            <item name="inputDateFormat" xsi:type="string">y-MM-dd/</item>
                                                                                            <item name="outputDateFormat" xsi:type="string">y-MM-dd</item>
                                                                                            <item name="outputDateTimeFormat" xsi:type="string">YYYY-MM-DD</item>
                                                                                        </item>
                                                                                    </item>
                                                                                    <item name="dataScope" xsi:type="string">delivery_date.delivery_day</item>
                                                                                    <item name="provider" xsi:type="string">deliveryDateProvider</item>
                                                                                    <item name="visible" xsi:type="boolean">true</item>
                                                                                </item>
                                                                                <item name="delivery_time" xsi:type="array">
                                                                                    <item name="sortOrder" xsi:type="string">20</item>
                                                                                    <item name="component"  xsi:type="string">MageWorx_DeliveryDate/js/checkout/time_range</item>
                                                                                    <item name="config" xsi:type="array">
                                                                                        <item name="customScope" xsi:type="string">delivery_date</item>
                                                                                        <item name="template" xsi:type="string">ui/form/field</item>
                                                                                        <item name="elementTmpl" xsi:type="string">MageWorx_DeliveryDate/checkout/form/element/time_range/dropdown</item>
                                                                                        <item name="id" xsi:type="string">delivery_time</item>
                                                                                    </item>
                                                                                    <item name="dataScope" xsi:type="string">delivery_date.delivery_time</item>
                                                                                    <item name="provider" xsi:type="string">deliveryDateProvider</item>
                                                                                    <item name="visible" xsi:type="boolean">true</item>
                                                                                    <item name="id" xsi:type="string">delivery_time</item>
                                                                                </item>
                                                                            </item>
                                                                        </item>
                                                                        <item name="comment_container" xsi:type="array">
                                                                            <item name="sortOrder" xsi:type="string">30</item>
                                                                            <item name="component"  xsi:type="string">MageWorx_DeliveryDate/js/checkout/comment_container</item>
                                                                            <item name="config" xsi:type="array">
                                                                                <item name="template" xsi:type="string">MageWorx_DeliveryDate/checkout/container/for_comment</item>
                                                                            </item>
                                                                            <item name="label" xsi:type="string">Comment Container</item>
                                                                            <item name="provider" xsi:type="string">deliveryDateProvider</item>
                                                                            <item name="visible" xsi:type="boolean">true</item>
                                                                            <item name="children" xsi:type="array">
                                                                                <item name="delivery_comment" xsi:type="array">
                                                                                    <item name="sortOrder" xsi:type="string">30</item>
                                                                                    <item name="component"  xsi:type="string">Magento_Ui/js/form/element/textarea</item>
                                                                                    <item name="config" xsi:type="array">
                                                                                        <item name="customScope" xsi:type="string">delivery_date</item>
                                                                                        <item name="template" xsi:type="string">MageWorx_DeliveryDate/checkout/form/comment_field</item>
                                                                                        <item name="elementTmpl" xsi:type="string">MageWorx_DeliveryDate/checkout/form/element/comment</item>
                                                                                        <item name="id" xsi:type="string">delivery_comment</item>
                                                                                    </item>
                                                                                    <item name="label" xsi:type="string">Delivery Comment</item>
                                                                                    <item name="dataScope" xsi:type="string">delivery_date.delivery_comment</item>
                                                                                    <item name="provider" xsi:type="string">deliveryDateProvider</item>
                                                                                    <item name="visible" xsi:type="boolean">true</item>
                                                                                    <item name="id" xsi:type="string">delivery_comment</item>
                                                                                </item>
                                                                            </item>
                                                                        </item>
                                                                    </item>
                                                                </item>
                                                                <item name="delivery_date_error" xsi:type="array">
                                                                    <item name="sortOrder" xsi:type="string">36</item>
                                                                    <item name="component"  xsi:type="string">MageWorx_DeliveryDate/js/checkout/error</item>
                                                                    <item name="config" xsi:type="array">
                                                                        <item name="template" xsi:type="string">MageWorx_DeliveryDate/checkout/error</item>
                                                                        <item name="imports" xsi:type="array">
                                                                            <item name="isVisible" xsi:type="string">index = delivery_date_manager:isError</item>
                                                                            <item name="requiredErrorMessage" xsi:type="string">index = delivery_date_manager:errorMessage</item>
                                                                        </item>
                                                                        <item name="deps" xsi:type="array">
                                                                            <item name="0" xsi:type="string">index = delivery_date_manager</item>
                                                                        </item>
                                                                    </item>
                                                                </item>
                                                            </item>
                                                        </item>
                                                    </item>
                                                </item>
                                            </item>
                                        </item>
                                        <item name="billing-step" xsi:type="array">
                                            <item name="children" xsi:type="array">
                                                <item name="payment" xsi:type="array">
                                                    <item name="children" xsi:type="array">
                                                        <item name="additional-payment-validators" xsi:type="array">
                                                            <item name="children" xsi:type="array">
                                                                <item name="delivery-date-validator" xsi:type="array">
                                                                    <item name="component" xsi:type="string">MageWorx_DeliveryDate/js/checkout/delivery-date-validation</item>
                                                                </item>
                                                            </item>
                                                        </item>
                                                    </item>
                                                </item>
                                            </item>
                                        </item>
                                        <item name="store-pickup" xsi:type="array">
                                            <item name="children" xsi:type="array">
                                                <item name="store-selector" xsi:type="array">
                                                    <item name="children" xsi:type="array">
                                                        <item name="delivery_date" xsi:type="array">
                                                            <item name="sortOrder" xsi:type="string">35</item>
                                                            <item name="component"  xsi:type="string">MageWorx_DeliveryDate/js/checkout/container</item>
                                                            <item name="displayArea" xsi:type="string">after-selected-location</item>
                                                            <item name="config" xsi:type="array">
                                                                <item name="template" xsi:type="string">MageWorx_DeliveryDate/checkout/container</item>
                                                            </item>
                                                            <item name="children" xsi:type="array">
                                                                <item name="delivery_option_id" xsi:type="array">
                                                                    <item name="sortOrder" xsi:type="string">7</item>
                                                                    <item name="component"  xsi:type="string">Magento_Ui/js/form/element/abstract</item>
                                                                    <item name="config" xsi:type="array">
<!--                                                                        <item name="customScope" xsi:type="string">delivery_date</item>-->
                                                                        <item name="customScope" xsi:type="string">delivery_date</item>
                                                                        <item name="template" xsi:type="string">MageWorx_DeliveryDate/delivery_info_form/empty</item>
                                                                        <item name="elementTmpl" xsi:type="string">ui/form/element/hidden</item>
                                                                        <item name="id" xsi:type="string">delivery_option_id</item>
                                                                    </item>
                                                                    <item name="dataScope" xsi:type="string">delivery_date.delivery_option_id</item>
                                                                    <item name="provider" xsi:type="string">deliveryDateProvider</item>
                                                                    <item name="visible" xsi:type="boolean">true</item>
                                                                    <item name="id" xsi:type="string">delivery_option_id</item>
                                                                </item>
                                                                <item name="datetime_container" xsi:type="array">
                                                                    <item name="sortOrder" xsi:type="string">10</item>
                                                                    <item name="component"  xsi:type="string">MageWorx_DeliveryDate/js/checkout/datetime_container</item>
                                                                    <item name="config" xsi:type="array">
                                                                        <item name="template" xsi:type="string">MageWorx_DeliveryDate/checkout/container/for_datetime</item>
                                                                    </item>
                                                                    <item name="label" xsi:type="string">Date-Time Container</item>
                                                                    <item name="provider" xsi:type="string">deliveryDateProvider</item>
                                                                    <item name="visible" xsi:type="boolean">true</item>
                                                                    <item name="children" xsi:type="array">
                                                                        <item name="delivery_day" xsi:type="array">
                                                                            <item name="sortOrder" xsi:type="string">10</item>
                                                                            <item name="component" xsi:type="string">MageWorx_DeliveryDate/js/checkout/element/date/date</item>
                                                                            <item name="config" xsi:type="array">
<!--                                                                                <item name="customScope" xsi:type="string">delivery_date</item>-->
                                                                                <item name="customScope" xsi:type="string">delivery_date</item>
                                                                                <item name="template" xsi:type="string">ui/form/field</item>
                                                                                <item name="elementTmpl" xsi:type="string">MageWorx_DeliveryDate/checkout/form/element/date/calendar</item>
                                                                                <item name="id" xsi:type="string">delivery_day</item>
                                                                                <item name="pickerDateTimeFormat" xsi:type="string">YYYY-MM-DD</item>
                                                                                <item name="pickerDefaultDateFormat" xsi:type="string">y-MM-dd</item>
                                                                                <item name="options" xsi:type="array">
                                                                                    <item name="timeInput" xsi:type="boolean">false</item>
                                                                                    <item name="showsTime" xsi:type="boolean">false</item>
                                                                                    <item name="inputDateFormat" xsi:type="string">y-MM-dd/</item>
                                                                                    <item name="outputDateFormat" xsi:type="string">y-MM-dd</item>
                                                                                    <item name="outputDateTimeFormat" xsi:type="string">YYYY-MM-DD</item>
                                                                                </item>
                                                                                <item name="imports" xsi:type="array">
                                                                                    <item name="activeMethodData" xsi:type="string">index = delivery_date_manager:activeMethodData</item>
                                                                                    <item name="dayLimits" xsi:type="string">index = delivery_date_manager:dayLimits</item>
                                                                                </item>
                                                                            </item>
                                                                            <item name="dataScope" xsi:type="string">delivery_date.delivery_day</item>
                                                                            <item name="provider" xsi:type="string">deliveryDateProvider</item>
                                                                            <item name="visible" xsi:type="boolean">true</item>
                                                                            <item name="id" xsi:type="string">delivery_day</item>
                                                                        </item>
                                                                        <item name="delivery_time" xsi:type="array">
                                                                            <item name="sortOrder" xsi:type="string">20</item>
                                                                            <item name="component"  xsi:type="string">MageWorx_DeliveryDate/js/checkout/time_range</item>
                                                                            <item name="config" xsi:type="array">
<!--                                                                                <item name="customScope" xsi:type="string">delivery_date</item>-->
                                                                                <item name="customScope" xsi:type="string">delivery_date</item>
                                                                                <item name="template" xsi:type="string">ui/form/field</item>
                                                                                <item name="elementTmpl" xsi:type="string">MageWorx_DeliveryDate/checkout/form/element/time_range/dropdown</item>
                                                                                <item name="id" xsi:type="string">delivery_time</item>
                                                                            </item>
                                                                            <item name="dataScope" xsi:type="string">delivery_date.delivery_time</item>
                                                                            <item name="provider" xsi:type="string">deliveryDateProvider</item>
                                                                            <item name="visible" xsi:type="boolean">true</item>
                                                                            <item name="id" xsi:type="string">delivery_time</item>
                                                                        </item>
                                                                    </item>
                                                                </item>
                                                                <item name="comment_container" xsi:type="array">
                                                                    <item name="sortOrder" xsi:type="string">30</item>
                                                                    <item name="component"  xsi:type="string">MageWorx_DeliveryDate/js/checkout/comment_container</item>
                                                                    <item name="config" xsi:type="array">
                                                                        <item name="template" xsi:type="string">MageWorx_DeliveryDate/checkout/container/for_comment</item>
                                                                    </item>
                                                                    <item name="label" xsi:type="string">Comment Container</item>
                                                                    <item name="provider" xsi:type="string">deliveryDateProvider</item>
                                                                    <item name="visible" xsi:type="boolean">true</item>
                                                                    <item name="children" xsi:type="array">
                                                                        <item name="delivery_comment" xsi:type="array">
                                                                            <item name="sortOrder" xsi:type="string">30</item>
                                                                            <item name="component"  xsi:type="string">Magento_Ui/js/form/element/textarea</item>
                                                                            <item name="config" xsi:type="array">
<!--                                                                                <item name="customScope" xsi:type="string">delivery_date</item>-->
                                                                                <item name="customScope" xsi:type="string">delivery_date</item>
                                                                                <item name="template" xsi:type="string">MageWorx_DeliveryDate/checkout/form/comment_field</item>
                                                                                <item name="elementTmpl" xsi:type="string">MageWorx_DeliveryDate/checkout/form/element/comment</item>
                                                                                <item name="id" xsi:type="string">delivery_comment</item>
                                                                            </item>
                                                                            <item name="label" xsi:type="string">Delivery Comment</item>
                                                                            <item name="dataScope" xsi:type="string">delivery_date.delivery_comment</item>
                                                                            <item name="provider" xsi:type="string">deliveryDateProvider</item>
                                                                            <item name="visible" xsi:type="boolean">true</item>
                                                                            <item name="id" xsi:type="string">delivery_comment</item>
                                                                        </item>
                                                                    </item>
                                                                </item>
                                                            </item>
                                                        </item>
                                                        <item name="delivery_date_error" xsi:type="array">
                                                            <item name="sortOrder" xsi:type="string">36</item>
                                                            <item name="component"  xsi:type="string">MageWorx_DeliveryDate/js/checkout/error</item>
                                                            <item name="displayArea" xsi:type="string">after-selected-location</item>
                                                            <item name="config" xsi:type="array">
                                                                <item name="template" xsi:type="string">MageWorx_DeliveryDate/checkout/error</item>
                                                                <item name="imports" xsi:type="array">
                                                                    <item name="isVisible" xsi:type="string">index = delivery_date_manager:isError</item>
                                                                    <item name="requiredErrorMessage" xsi:type="string">index = delivery_date_manager:errorMessage</item>
                                                                </item>
                                                                <item name="deps" xsi:type="array">
                                                                    <item name="0" xsi:type="string">index = delivery_date_manager</item>
                                                                </item>
                                                            </item>
                                                        </item>
                                                    </item>
                                                </item>
                                            </item>
                                        </item>
                                    </item>
                                </item>
                            </item>
                        </item>
                    </item>
                </argument>
            </arguments>
        </referenceBlock>
    </body>
</page>
