<?xml version="1.0"?>
<page layout="1column" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="checkout.root">
            <arguments>
                <argument name="jsLayout" xsi:type="array">
                    <item name="components" xsi:type="array">
                        <item name="checkout" xsi:type="array">
                            <item name="children" xsi:type="array">
                                <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">
                                                                <item name="shipping-option-wrapper" xsi:type="array">
                                                                    <!-- Component Magento_Checkout/js/view/additional-shipping-option is used as a wrapper for content -->
                                                                    <item name="component" xsi:type="string">BlueLogic_CustomShippingMethod/js/view/additional-shipping-option</item>
                                                                    <item name="provider" xsi:type="string">checkoutProvider</item>
                                                                    <item name="sortOrder" xsi:type="string">0</item>
                                                                    <item name="children" xsi:type="array">
                                                                        <item name="shipping-option" xsi:type="array">
                                                                            <!-- uiComponent is used as a wrapper for select (its template will render all children as a list) -->
                                                                            <item name="component" xsi:type="string">uiComponent</item>
                                                                            <!-- the following display area is used in template -->
                                                                            <item name="displayArea" xsi:type="string">additionalShippingOptionField</item>
                                                                            <item name="children" xsi:type="array">
                                                                                <item name="select-date" xsi:type="array">
                                                                                    <item name="component" xsi:type="string">BlueLogic_CustomShippingMethod/js/view/shipping-option-select</item>
                                                                                    <item name="config" xsi:type="array">
                                                                                        <!--customScope is used to group elements within a single form (e.g. they can be validated separately)-->
                                                                                        <item name="customScope" xsi:type="string">shippingOptionSelect</item>
                                                                                        <item name="template" xsi:type="string">ui/form/field</item>
                                                                                        <item name="elementTmpl" xsi:type="string">BlueLogic_CustomShippingMethod/store-block</item>
                                                                                    </item>
                                                                                    <item name="dataScope" xsi:type="string">shippingOptionSelect.pickup_store_name</item>
                                                                                    <item name="label" xsi:type="string" translate="true">Please select a Store to Pickup</item>
                                                                                    <item name="provider" xsi:type="string">checkoutProvider</item>
                                                                                    <item name="visible" xsi:type="boolean">true</item>
                                                                                    <item name="validation" xsi:type="array">
                                                                                        <item name="required-entry" xsi:type="boolean">true</item>
                                                                                        <item name="validate-no-empty" xsi:type="boolean">true</item>
                                                                                    </item>
                                                                                    <item name="sortOrder" xsi:type="number">0</item>
                                                                                </item>
                                                                            </item>
                                                                        </item>
                                                                    </item>
                                                                </item>
<!--                                                                <item name="store_block" xsi:type="array">-->
<!--                                                                    <item name="component" xsi:type="string">BlueLogic_CustomShippingMethod/js/view/store-block</item>-->
<!--                                                                    <item name="children" xsi:type="array">-->
<!--                                                                        <item name="select-date" xsi:type="array">-->
<!--                                                                            <item name="component" xsi:type="string">BlueLogic_CustomShippingMethod/js/view/shipping-option-select</item>-->
<!--                                                                        </item>-->
<!--                                                                    </item>-->
<!--                                                                </item>-->
                                                            </item>
                                                        </item>
                                                    </item>
                                                </item>
                                            </item>
                                        </item>
                                    </item>
                                </item>
                            </item>
                        </item>
                    </item>
                </argument>
            </arguments>
        </referenceBlock>
    </body>
</page>
