<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="checkout" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
		<referenceContainer name="content">
			<block class="KS\Logistic\Block\Checkout\Gmap" name="gmap.js" template="KS_Logistic::checkout/gmap.phtml"/>
		</referenceContainer>		
		<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="step-config" xsi:type="array">
														<item name="children" xsi:type="array">
															<item name="shipping-rates-validation" xsi:type="array">
																<item name="children" xsi:type="array">
	                                                                <item name="jne-rates-validation" xsi:type="array">
	                                                                    <item name="component" xsi:type="string">KS_Logistic/js/view/shipping-rates-validation/jne</item>
	                                                                </item>
	                                                                <item name="sicepat-rates-validation" xsi:type="array">
	                                                                    <item name="component" xsi:type="string">KS_Logistic/js/view/shipping-rates-validation/sicepat</item>
	                                                                </item>
	                                                                <item name="gosend-rates-validation" xsi:type="array">
	                                                                    <item name="component" xsi:type="string">KS_Logistic/js/view/shipping-rates-validation/gosend</item>
	                                                                </item>
	                                                                <item name="jetexpress-rates-validation" xsi:type="array">
	                                                                    <item name="component" xsi:type="string">KS_Logistic/js/view/shipping-rates-validation/jetexpress</item>
	                                                                </item>
	                                                                <item name="jnt-rates-validation" xsi:type="array">
	                                                                    <item name="component" xsi:type="string">KS_Logistic/js/view/shipping-rates-validation/jnt</item>
	                                                                </item>
																</item>
															</item>
														</item>
													</item>
													<item name="shippingAddress" xsi:type="array">
														<item name="children" xsi:type="array">
            												<item name="shipping-address-fieldset" xsi:type="array">
																<item name="children" xsi:type="array">
																	<item name="country_id" xsi:type="array">
																		<item name="sortOrder" xsi:type="string">115</item>
																	</item>
																	<item name="region_id" xsi:type="array">
																		<item name="sortOrder" xsi:type="string">116</item>
																	</item>
																	<item name="city" xsi:type="array">
																		<item name="sortOrder" xsi:type="string">117</item>
                                                                        <item name="visible" xsi:type="boolean">false</item>
                                                                        <item name="validation" xsi:type="array">
                                                                            <item name="required-entry" xsi:type="boolean">true</item>
                                                                        </item>
																	</item>
                                                                    <item name="city_id" xsi:type="array">
                                                                        <item name="sortOrder" xsi:type="string">117</item>
                                                                        <item name="component" xsi:type="string">KS_Logistic/js/form/element/selectbox</item>
                                                                        <item name="config" xsi:type="array">
                                                                            <item name="template" xsi:type="string">ui/form/field</item>
                                                                            <item name="elementTmpl" xsi:type="string">ui/form/element/select</item>
                                                                            <item name="customEntry" xsi:type="string">shippingAddress.city</item>
                                                                            <item name="customScope" xsi:type="string">shippingAddress.custom_attributes</item>
                                                                        </item>
                                                                        <item name="validation" xsi:type="array">
                                                                            <item name="required-entry" xsi:type="boolean">true</item>
                                                                        </item>
                                                                        <!-- Value of region_id field is filtered by the value of county_id attribute -->
                                                                        <item name="filterBy" xsi:type="array">
                                                                            <item name="target" xsi:type="string"><![CDATA[${ $.provider }:${ $.parentScope }.region_id]]></item>
                                                                            <item name="field" xsi:type="string">region_id</item>
                                                                        </item>
                                                                        <item name="dataScope" xsi:type="string">shippingAddress.custom_attributes.city_id</item>
											                            <item name="imports" xsi:type="array">
											                                <item name="update" xsi:type="string">${ $.parentName }.region_id:value</item>
											                            </item>
											                            <item name="skipValidation" xsi:type="boolean">false</item>
                                                                    </item>
 																	<item name="district" xsi:type="array">
																		<item name="sortOrder" xsi:type="string">118</item>
                                                                        <item name="visible" xsi:type="boolean">false</item>
                                                                        <item name="dataScope" xsi:type="string">shippingAddress.custom_attributes.district</item>
																	</item>
                                                                    <item name="district_id" xsi:type="array">
                                                                        <item name="sortOrder" xsi:type="string">118</item>
                                                                        <item name="component" xsi:type="string">KS_Logistic/js/form/element/selectbox</item>
                                                                        <item name="config" xsi:type="array">
                                                                            <item name="template" xsi:type="string">ui/form/field</item>
                                                                            <item name="customScope" xsi:type="string">shippingAddress.custom_attributes</item>
                                                                            <item name="elementTmpl" xsi:type="string">ui/form/element/select</item>
                                                                            <item name="customEntry" xsi:type="string">shippingAddress.district</item>
                                                                        </item>
                                                                        <item name="validation" xsi:type="array">
                                                                            <item name="required-entry" xsi:type="boolean">true</item>
                                                                        </item>
                                                                        <!-- Value of region_id field is filtered by the value of county_id attribute -->
                                                                        <item name="filterBy" xsi:type="array">
                                                                            <item name="target" xsi:type="string"><![CDATA[${ $.provider }:${ $.parentScope }.city_id]]></item>
                                                                            <item name="field" xsi:type="string">city_id</item>
                                                                        </item>
                                                                        <item name="dataScope" xsi:type="string">shippingAddress.custom_attributes.district_id</item>
                                                                        <item name="visible" xsi:type="boolean">true</item>
											                            <item name="imports" xsi:type="array">
											                                <item name="update" xsi:type="string">${ $.parentName }.city_id:value</item>
											                            </item>
											                            <item name="skipValidation" xsi:type="boolean">false</item>
                                                                    </item>
                                          							<item name="postcode" xsi:type="array">
																		<item name="sortOrder" xsi:type="string">119</item>
                                                                    </item>
 																	<item name="map_point" xsi:type="array">
                                                                        <item name="visible" xsi:type="boolean">false</item>
																		<item name="sortOrder" xsi:type="string">220</item>
                                                                        <item name="dataScope" xsi:type="string">shippingAddress.custom_attributes.map_point</item>
                                                                        <item name="component" xsi:type="string">KS_Logistic/js/form/element/maps</item>
																		<item name="config" xsi:type="array">
                                                                            <item name="elementTmpl" xsi:type="string">KS_Logistic/form/element/maps</item>
                                                                            <item name="buttonLabel" xsi:type="string">Pin a Location Point</item>
                                                                            <item name="buttonClasses" xsi:type="string">button-maps</item>
                                                                        </item>                                                                        
																	</item>                                                                    
																</item>
															</item>
														</item>
													</item>
												</item>
											</item>
										</item>
									</item>
								</item>
							</item>
						</item>
					</argument>
				</arguments>
			</referenceBlock>
    </body>
</page>
