<?xml version="1.0" encoding="UTF-8"?>
<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
    <argument name="data" xsi:type="array">
        <item name="js_config" xsi:type="array">
            <item name="provider" xsi:type="string">productdesigner_backgroundimages_form.productdesigner_backgroundimages_form_data_source</item>
            <item name="deps" xsi:type="string">productdesigner_backgroundimages_form.productdesigner_backgroundimages_form_data_source</item>
        </item>
        <item name="config" xsi:type="array">
            <item name="dataScope" xsi:type="string">data</item>
            <item name="namespace" xsi:type="string">productdesigner_backgroundimages_form_data_source</item>
        </item>
        <item name="label" xsi:type="string" translate="true">Background Image Information</item>
        <item name="buttons" xsi:type="array">
            <item name="back" xsi:type="array">
                <item name="name" xsi:type="string">back</item>
                <item name="label" xsi:type="string" translate="true">Back</item>
                <item name="class" xsi:type="string">back</item>
                <item name="url" xsi:type="string">*/*/</item>
            </item>
            <item name="delete" xsi:type="string">Brushyourideas\Productdesigner\Block\Adminhtml\Button\Delete</item>
            <item name="save" xsi:type="array">
                <item name="name" xsi:type="string">save</item>
                <item name="label" xsi:type="string" translate="true">Save</item>
                <item name="class" xsi:type="string">save primary</item>
            </item>
            <item name="save_and_continue" xsi:type="array">
                <item name="name" xsi:type="string">save_and_continue</item>
                <item name="label" xsi:type="string" translate="true">Save and Continue Edit</item>
                <item name="class" xsi:type="string">save_and_continue</item>
            </item>
        </item>
    </argument>
    <settings>
        <layout>
            <navContainerName>left</navContainerName>
            <type>tabs</type>
        </layout>
    </settings>
    <dataSource name="productdesigner_backgroundimages_form_data_source">
        <argument name="dataProvider" xsi:type="configurableObject">
            <argument name="class" xsi:type="string">Brushyourideas\Productdesigner\Model\BackgroundImagesCategory\DataProvider</argument>
            <argument name="name" xsi:type="string">productdesigner_backgroundimages_form_data_source</argument>
            <argument name="primaryFieldName" xsi:type="string">category_id</argument>
            <argument name="requestFieldName" xsi:type="string">id</argument>
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="submit_url" xsi:type="url" path="*/*/save" />
                </item>
            </argument>
        </argument>
        <argument name="data" xsi:type="array">
            <item name="js_config" xsi:type="array">
                <item name="component" xsi:type="string">Magento_Ui/js/form/provider</item>
            </item>
        </argument>
    </dataSource>
    <fieldset name="general">
        <settings>
            <label translate="true">Background Image Information</label>
        </settings>
        <field name="image_title">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="label" xsi:type="string" translate="true">Title</item>
                    <item name="visible" xsi:type="boolean">true</item>
                    <item name="dataType" xsi:type="string">text</item>
                    <item name="formElement" xsi:type="string">input</item>
                    <item name="source" xsi:type="string">image_title</item>
                    <item name="validation" xsi:type="array">
                        <item name="required-entry" xsi:type="boolean">true</item>
                        <item name="validate-no-html-tags" xsi:type="boolean">true</item>
                    </item>
                </item>
            </argument>
        </field>
        <field name="is_root_category" formElement="checkbox">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="label" xsi:type="string" translate="true">Assign as Root Category?</item>
                    <item name="dataType" xsi:type="string">boolean</item>
                    <item name="source" xsi:type="string">is_root_category</item>
                    <item name="prefer" xsi:type="string">toggle</item>
                </item>
            </argument>
            <formElements>
                <checkbox>
                    <settings>
                        <valueMap>
                            <map name="false" xsi:type="string">0</map>
                            <map name="true" xsi:type="string">1</map>
                        </valueMap>
                    </settings>
                </checkbox>
            </formElements>
        </field>
        <field name="parent_categories" formElement="select">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="label" xsi:type="string" translate="true">Category Name</item>
                    <item name="visible" xsi:type="boolean">true</item>
                    <item name="dataScope" xsi:type="string">parent_categories</item>
                    <item name="dataType" xsi:type="string">text</item>
                    <item name="validation" xsi:type="array">
                        <item name="required-entry" xsi:type="boolean">true</item>
                    </item>
                </item>
                <item name="options" xsi:type="object">Brushyourideas\Productdesigner\Model\BackgroundImagesCategory\BackgroundImagesCategoryData</item>
            </argument>
            <settings>
                <imports>
                    <link name="visible">!${$.parentName}.is_root_category:checked</link>
                </imports>
            </settings>
        </field>
        <field name="store_id" formElement="multiselect">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="source" xsi:type="string">page</item>
                    <item name="default" xsi:type="number">0</item>
                </item>
            </argument>
            <settings>
                <validation>
                    <rule name="required-entry" xsi:type="boolean">true</rule>
                </validation>
                <dataType>int</dataType>
                <label translate="true">Store Views</label>
                <dataScope>store_id</dataScope>
            </settings>
            <formElements>
                <multiselect>
                    <settings>
                        <options class="Magento\Cms\Ui\Component\Listing\Column\Cms\Options"/>
                    </settings>
                </multiselect>
            </formElements>
        </field>
        <field name="status" formElement="select">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="label" xsi:type="string" translate="true">Status</item>
                    <item name="visible" xsi:type="boolean">true</item>
                    <item name="default" xsi:type="string">1</item>
                    <item name="dataScope" xsi:type="string">status</item>
                    <item name="dataType" xsi:type="string">text</item>
                    <item name="validation" xsi:type="array">
                        <item name="required-entry" xsi:type="boolean">true</item>
                    </item>
                </item>
            </argument>
            <formElements>
                <select>
                    <settings>
                        <options>
                            <option name="1" xsi:type="array">
                                <item name="value" xsi:type="string">1</item>
                                <item name="label" xsi:type="string">Enabled</item>
                            </option>
                            <option name="2" xsi:type="array">
                                <item name="value" xsi:type="string">2</item>
                                <item name="label" xsi:type="string">Disabled</item>
                            </option>
                        </options>
                        <caption translate="true"> Please Select</caption>
                    </settings>
                </select>
            </formElements>
        </field>
        <field name="image">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="label" xsi:type="string">Background Images</item>
                    <item name="visible" xsi:type="boolean">true</item>
                    <item name="formElement" xsi:type="string">fileUploader</item>
                    <item name="notice" xsi:type="string" translate="true">Accepted Files : JPG, JPEG, PNG, SVG</item>
                    <item name="allowedExtensions" xsi:type="string">jpg jpeg png svg</item>
                    <item name="isMultipleFiles" xsi:type="boolean">true</item>
                    <item name="uploaderConfig" xsi:type="array">
                        <item name="url" xsi:type="url" path="productdesigner/fonts/upload"/>
                    </item>
                    <item name="component" xsi:type="string">Brushyourideas_Productdesigner/js/form/element/image-uploader</item>
                    <item name="previewTmpl" xsi:type="string">Brushyourideas_Productdesigner/preview</item>
                </item>
            </argument>
        </field>
        <dynamicRows name="background_images">
                <argument name="data" xsi:type="array">
                    <item name="config" xsi:type="array">
                        <item name="addButton" xsi:type="boolean">false</item>
                        <item name="componentType" xsi:type="string">dynamicRows</item>
                        <item name="pageSize" xsi:type="number">10</item>
                        <item name="dndConfig" xsi:type="array">
                            <item name="enabled" xsi:type="boolean">false</item>
                        </item>
                        <item name="dataScope" xsi:type="string"></item>
                        <item name="template" xsi:type="string">ui/dynamic-rows/templates/grid</item>
                        <item name="component" xsi:type="string">Brushyourideas_Productdesigner/js/dynamic-rows/dynamic-rows</item>
                    </item>
                </argument>
                <settings>
                    <additionalClasses>
                        <class name="admin__field-wide">true</class>
                    </additionalClasses>
                </settings>
                <container name="record" component="Magento_Ui/js/dynamic-rows/record">
                    <argument name="data" xsi:type="array">
                        <item name="config" xsi:type="array">
                            <item name="isTemplate" xsi:type="boolean">true</item>
                            <item name="is_collection" xsi:type="boolean">true</item>
                            <item name="componentType" xsi:type="string">container</item>
                            <item name="dataScope" xsi:type="string">general</item>
                        </item>
                    </argument>
                    <hidden name="image_id">
                        <settings>
                            <visible>false</visible>
                        </settings>
                    </hidden>
                    <hidden name="image_path">
                        <settings>
                            <visible>false</visible>
                        </settings>
                    </hidden>
                    <field name="image" formElement="input">
                        <argument name="data" xsi:type="array">
                            <item name="config" xsi:type="array">
                                <item name="dataScope" xsi:type="string">image</item>
                                <item name="dataType" xsi:type="string">text</item>
                                <item name="label" xsi:type="string" translate="true">Image</item>
                                <item name="elementTmpl" xsi:type="string">Brushyourideas_Productdesigner/image</item>
                            </item>
                        </argument>
                    </field>
                    <field name="label" formElement="input">
                        <argument name="data" xsi:type="array">
                            <item name="config" xsi:type="array">
                                <item name="dataScope" xsi:type="string">label</item>
                                <item name="dataType" xsi:type="string">text</item>
                                <item name="label" xsi:type="string" translate="true">Label</item>
                                <item name="placeholder" xsi:type="string">Label</item>
                                <item name="validation" xsi:type="array">
                                    <item name="validate-no-html-tags" xsi:type="boolean">true</item>
                                </item>
                            </item>
                        </argument>
                    </field>
                    <!-- <field name="tags" formElement="input">
                        <argument name="data" xsi:type="array">
                            <item name="config" xsi:type="array">
                                <item name="dataScope" xsi:type="string">tags</item>
                                <item name="dataType" xsi:type="string">text</item>
                                <item name="label" xsi:type="string" translate="true">Tags</item>
                                <item name="placeholder" xsi:type="string">Tags</item>
                                <item name="validation" xsi:type="array">
                                    <item name="validate-no-html-tags" xsi:type="boolean">true</item>
                                </item>
                            </item>
                        </argument>
                    </field> -->
                    <field name="position" formElement="input">
                        <argument name="data" xsi:type="array">
                            <item name="config" xsi:type="array">
                                <item name="dataScope" xsi:type="string">position</item>
                                <item name="dataType" xsi:type="string">text</item>
                                <item name="label" xsi:type="string" translate="true">Position</item>
                                <item name="placeholder" xsi:type="string">Position</item>
                                <item name="validation" xsi:type="array">
                                    <item name="pattern" xsi:type="string">^\d+$</item>
                                </item>
                            </item>
                        </argument>
                    </field>
                    <field name="disabled" formElement="select">
                        <argument name="data" xsi:type="array">
                            <item name="config" xsi:type="array">
                                <item name="label" xsi:type="string" translate="true">Select Status</item>
                                <item name="visible" xsi:type="boolean">true</item>
                                <item name="default" xsi:type="string">1</item>
                                <item name="dataScope" xsi:type="string">disabled</item>
                                <item name="dataType" xsi:type="string">text</item>
                            </item>
                        </argument>
                        <formElements>
                            <select>
                                <settings>
                                    <options>
                                        <option name="1" xsi:type="array">
                                            <item name="value" xsi:type="string">1</item>
                                            <item name="label" xsi:type="string">Enabled</item>
                                        </option>
                                        <option name="0" xsi:type="array">
                                            <item name="value" xsi:type="string">0</item>
                                            <item name="label" xsi:type="string">Disabled</item>
                                        </option>
                                    </options>
                                </settings>
                            </select>
                        </formElements>
                    </field>
                    <field name="remove" formElement="checkbox">
                        <settings>
                            <label translate="true">Remove</label>
                        </settings>
                        <formElements>
                            <checkbox>
                                <settings>
                                    <prefer>checkbox</prefer>
                                    <valueMap>
                                        <map name="false" xsi:type="boolean">false</map>
                                        <map name="true" xsi:type="boolean">true</map>
                                    </valueMap>
                                </settings>
                            </checkbox>
                        </formElements>
                    </field>
                </container>
            </dynamicRows>
    </fieldset>
</form>