<?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" extends="pagebuilder_base_form_with_background_video">
    <argument name="data" xsi:type="array">
        <item name="js_config" xsi:type="array">
            <item name="provider" xsi:type="string">pagebuilder_filoblu_banner_form.pagebuilder_filoblu_banner_form_data_source</item>
        </item>
        <item name="label" xsi:type="string" translate="true">Banner</item>
    </argument>
    <settings>
        <deps>
            <dep>pagebuilder_filoblu_banner_form.pagebuilder_filoblu_banner_form_data_source</dep>
        </deps>
        <namespace>pagebuilder_filoblu_banner_form</namespace>
    </settings>
    <dataSource name="pagebuilder_filoblu_banner_form_data_source">
        <argument name="data" xsi:type="array">
            <item name="js_config" xsi:type="array">
                <item name="component" xsi:type="string">Magento_PageBuilder/js/form/provider</item>
            </item>
        </argument>
        <dataProvider name="pagebuilder_filoblu_banner_form_data_source" class="Magento\PageBuilder\Model\ContentType\DataProvider">
            <settings>
                <requestFieldName/>
                <primaryFieldName/>
            </settings>
        </dataProvider>
    </dataSource>
    <fieldset name="appearance_fieldset" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-fieldset">
        <settings>
            <label translate="true">Appearance</label>
            <additionalClasses>
                <class name="admin__fieldset-visual-select-large">true</class>
            </additionalClasses>
            <collapsible>false</collapsible>
            <opened>true</opened>
            <imports>
                <link name="hideFieldset">${$.name}.appearance:options</link>
                <link name="hideLabel">${$.name}.appearance:options</link>
            </imports>
        </settings>
        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-visual-select">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">poster</item>
                </item>
            </argument>
            <settings>
                <additionalClasses>
                    <class name="admin__field-wide">true</class>
                    <class name="admin__field-visual-select-container">true</class>
                </additionalClasses>
                <dataType>text</dataType>
                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
            </settings>
            <formElements>
                <select>
                    <settings>
                        <options class="AppearanceSourceBanner" />
                    </settings>
                </select>
            </formElements>
        </field>
        <field name="data_min_height" sortOrder="19" formElement="input">
            <settings>
                <label translate="true">Minimum Height</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <addAfter translate="true">px</addAfter>
                <validation>
                    <rule name="validate-number" xsi:type="boolean">true</rule>
                </validation>
            </settings>
        </field>
        <field name="mobile_min_height" sortOrder="19" formElement="input">
            <settings>
                <label translate="true">Mobile Minimum Height</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <addAfter translate="true">px</addAfter>
                <validation>
                    <rule name="validate-number" xsi:type="boolean">true</rule>
                </validation>
            </settings>
        </field>
        <field name="min_height" sortOrder="25" formElement="input">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">20px</item>
                </item>
            </argument>
            <settings>
                <visible>false</visible>
            </settings>
        </field>
    </fieldset>
    <fieldset name="contents" sortOrder="20">
        <settings>
            <label translate="true">Content</label>
            <collapsible>true</collapsible>
            <opened>true</opened>
        </settings>
        <field name="banner_template" sortOrder="1" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Template</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>banner_template</dataScope>
            </settings>
        </field>
        <field name="banner_image" sortOrder="10" formElement="imageUploader">
            <settings>
                <label translate="true">Banner Image</label>
                <componentType>imageUploader</componentType>
            </settings>
            <formElements>
                <imageUploader>
                    <settings>
                        <allowedExtensions>jpg jpeg gif png svg</allowedExtensions>
                        <maxFileSize>4194304</maxFileSize>
                        <uploaderConfig>
                            <param xsi:type="string" name="url">filoblu_refilo/contenttype/image_upload</param>
                        </uploaderConfig>
                        <previewTmpl>Magento_PageBuilder/form/element/uploader/preview</previewTmpl>
                    </settings>
                </imageUploader>
            </formElements>
        </field>
        <field name="banner_image_width" sortOrder="20" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Banner Image Original Width</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>banner_image_width</dataScope>
            </settings>
        </field>
        <field name="banner_image_height" sortOrder="30" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Banner Image Original Height</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>banner_image_height</dataScope>
            </settings>
        </field>
        <field name="banner_image_url" sortOrder="40" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Banner image URL</label>
                <dataScope>banner_image_url</dataScope>
            </settings>
        </field>
        <field name="banner_mobile_image" sortOrder="50" formElement="imageUploader">
            <settings>
                <label translate="true">Banner Mobile Image</label>
                <componentType>imageUploader</componentType>
            </settings>
            <formElements>
                <imageUploader>
                    <settings>
                        <allowedExtensions>jpg jpeg gif png svg</allowedExtensions>
                        <maxFileSize>4194304</maxFileSize>
                        <uploaderConfig>
                            <param xsi:type="string" name="url">filoblu_refilo/contenttype/image_upload</param>
                        </uploaderConfig>
                        <previewTmpl>Magento_PageBuilder/form/element/uploader/preview</previewTmpl>
                    </settings>
                </imageUploader>
            </formElements>
        </field>
        <field name="banner_mobile_image_width" sortOrder="60" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Banner Mobile Image Original Width</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>banner_mobile_image_width</dataScope>
            </settings>
        </field>
        <field name="banner_mobile_image_height" sortOrder="70" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Banner Mobile Image Original Height</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>banner_mobile_image_height</dataScope>
            </settings>
        </field>
        <field name="banner_mobile_image_url" sortOrder="80" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Banner Mobile Image URL</label>
                <dataScope>banner_mobile_image_url</dataScope>
            </settings>
        </field>
        <field name="title" sortOrder="90" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Title</label>
                <dataScope>title</dataScope>
            </settings>
        </field>
        <field name="title_element_type" sortOrder="91" formElement="select">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">p</item>
                </item>
            </argument>
            <settings>
                <dataType>text</dataType>
                <label translate="true">Title element type</label>
                <dataScope>title_element_type</dataScope>
            </settings>
            <formElements>
                <select>
                    <settings>
                        <options>
                            <option name="0" xsi:type="array">
                                <item name="value" xsi:type="string">h1</item>
                                <item name="label" xsi:type="string" translate="true">H1</item>
                            </option>
                            <option name="1" xsi:type="array">
                                <item name="value" xsi:type="string">h2</item>
                                <item name="label" xsi:type="string" translate="true">H2</item>
                            </option>
                            <option name="2" xsi:type="array">
                                <item name="value" xsi:type="string">h3</item>
                                <item name="label" xsi:type="string" translate="true">H3</item>
                            </option>
                            <option name="3" xsi:type="array">
                                <item name="value" xsi:type="string">h4</item>
                                <item name="label" xsi:type="string" translate="true">H4</item>
                            </option>
                            <option name="4" xsi:type="array">
                                <item name="value" xsi:type="string">h5</item>
                                <item name="label" xsi:type="string" translate="true">H5</item>
                            </option>
                            <option name="5" xsi:type="array">
                                <item name="value" xsi:type="string">h6</item>
                                <item name="label" xsi:type="string" translate="true">H6</item>
                            </option>
                            <option name="6" xsi:type="array">
                                <item name="value" xsi:type="string">p</item>
                                <item name="label" xsi:type="string" translate="true">p</item>
                            </option>
                            <option name="7" xsi:type="array">
                                <item name="value" xsi:type="string">div</item>
                                <item name="label" xsi:type="string" translate="true">div</item>
                            </option>
                            <option name="8" xsi:type="array">
                                <item name="value" xsi:type="string">span</item>
                                <item name="label" xsi:type="string" translate="true">span</item>
                            </option>
                        </options>
                    </settings>
                </select>
            </formElements>
        </field>
        <field name="title_color" sortOrder="100" formElement="colorPicker">
            <settings>
                <label translate="true">Title Color</label>
                <componentType>colorPicker</componentType>
                <placeholder translate="true">No Color</placeholder>
                <validation>
                    <rule name="validate-color" xsi:type="boolean">true</rule>
                </validation>
                <dataScope>title_color</dataScope>
                <additionalClasses>
                    <class name="admin__field-medium">true</class>
                </additionalClasses>
            </settings>
            <formElements>
                <colorPicker>
                    <settings>
                        <colorPickerMode>full</colorPickerMode>
                        <colorFormat>hex</colorFormat>
                    </settings>
                </colorPicker>
            </formElements>
        </field>
        <field name="mobile_title_color" sortOrder="110" formElement="colorPicker">
            <settings>
                <label translate="true">Mobile Title Color</label>
                <componentType>colorPicker</componentType>
                <placeholder translate="true">No Color</placeholder>
                <validation>
                    <rule name="validate-color" xsi:type="boolean">true</rule>
                </validation>
                <dataScope>mobile_title_color</dataScope>
                <additionalClasses>
                    <class name="admin__field-medium">true</class>
                </additionalClasses>
            </settings>
            <formElements>
                <colorPicker>
                    <settings>
                        <colorPickerMode>full</colorPickerMode>
                        <colorFormat>hex</colorFormat>
                    </settings>
                </colorPicker>
            </formElements>
        </field>
        <field name="subtitle" sortOrder="120" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Subtitle</label>
                <dataScope>subtitle</dataScope>
            </settings>
        </field>
        <field name="subtitle_element_type" sortOrder="121" formElement="select">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">p</item>
                </item>
            </argument>
            <settings>
                <dataType>text</dataType>
                <label translate="true">Subtitle element type</label>
                <dataScope>subtitle_element_type</dataScope>
            </settings>
            <formElements>
                <select>
                    <settings>
                        <options>
                            <option name="0" xsi:type="array">
                                <item name="value" xsi:type="string">h1</item>
                                <item name="label" xsi:type="string" translate="true">H1</item>
                            </option>
                            <option name="1" xsi:type="array">
                                <item name="value" xsi:type="string">h2</item>
                                <item name="label" xsi:type="string" translate="true">H2</item>
                            </option>
                            <option name="2" xsi:type="array">
                                <item name="value" xsi:type="string">h3</item>
                                <item name="label" xsi:type="string" translate="true">H3</item>
                            </option>
                            <option name="3" xsi:type="array">
                                <item name="value" xsi:type="string">h4</item>
                                <item name="label" xsi:type="string" translate="true">H4</item>
                            </option>
                            <option name="4" xsi:type="array">
                                <item name="value" xsi:type="string">h5</item>
                                <item name="label" xsi:type="string" translate="true">H5</item>
                            </option>
                            <option name="5" xsi:type="array">
                                <item name="value" xsi:type="string">h6</item>
                                <item name="label" xsi:type="string" translate="true">H6</item>
                            </option>
                            <option name="6" xsi:type="array">
                                <item name="value" xsi:type="string">p</item>
                                <item name="label" xsi:type="string" translate="true">p</item>
                            </option>
                            <option name="7" xsi:type="array">
                                <item name="value" xsi:type="string">div</item>
                                <item name="label" xsi:type="string" translate="true">div</item>
                            </option>
                            <option name="8" xsi:type="array">
                                <item name="value" xsi:type="string">span</item>
                                <item name="label" xsi:type="string" translate="true">span</item>
                            </option>
                        </options>
                    </settings>
                </select>
            </formElements>
        </field>
        <field name="subtitle_color" sortOrder="130" formElement="colorPicker">
            <settings>
                <label translate="true">Subtitle Color</label>
                <componentType>colorPicker</componentType>
                <placeholder translate="true">No Color</placeholder>
                <validation>
                    <rule name="validate-color" xsi:type="boolean">true</rule>
                </validation>
                <dataScope>subtitle_color</dataScope>
                <additionalClasses>
                    <class name="admin__field-medium">true</class>
                </additionalClasses>
            </settings>
            <formElements>
                <colorPicker>
                    <settings>
                        <colorPickerMode>full</colorPickerMode>
                        <colorFormat>hex</colorFormat>
                    </settings>
                </colorPicker>
            </formElements>
        </field>
        <field name="mobile_subtitle_color" sortOrder="140" formElement="colorPicker">
            <settings>
                <label translate="true">Mobile Subtitle Color</label>
                <componentType>colorPicker</componentType>
                <placeholder translate="true">No Color</placeholder>
                <validation>
                    <rule name="validate-color" xsi:type="boolean">true</rule>
                </validation>
                <dataScope>mobile_subtitle_color</dataScope>
                <additionalClasses>
                    <class name="admin__field-medium">true</class>
                </additionalClasses>
            </settings>
            <formElements>
                <colorPicker>
                    <settings>
                        <colorPickerMode>full</colorPickerMode>
                        <colorFormat>hex</colorFormat>
                    </settings>
                </colorPicker>
            </formElements>
        </field>
        <field name="message" sortOrder="150" formElement="wysiwyg" template="ui/form/field">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="source" xsi:type="string">page</item>
                    <item name="wysiwygConfigData" xsi:type="array">
                        <item name="pagebuilder_button" xsi:type="boolean">false</item>
                        <item name="is_pagebuilder_enabled" xsi:type="boolean">false</item>
                        <item name="add_widgets" xsi:type="boolean">false</item>
                        <item name="toggle_button" xsi:type="boolean">true</item>
                        <item name="height" xsi:type="string">200px</item>
                    </item>
                </item>
            </argument>
            <settings>
                <label translate="true">Message Text</label>
                <dataScope>message</dataScope>
                <validation>
                    <rule name="validate-no-url" xsi:type="boolean">true</rule>
                </validation>
                <imports>
                    <link name="validation.validate-no-url">${$.parentName}.link_url:value</link>
                </imports>
            </settings>
            <formElements>
                <wysiwyg>
                    <settings>
                        <wysiwyg>true</wysiwyg>
                    </settings>
                </wysiwyg>
            </formElements>
        </field>
        <field name="second_message" sortOrder="160" formElement="wysiwyg" template="ui/form/field">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="source" xsi:type="string">page</item>
                    <item name="wysiwygConfigData" xsi:type="array">
                        <item name="pagebuilder_button" xsi:type="boolean">false</item>
                        <item name="is_pagebuilder_enabled" xsi:type="boolean">false</item>
                        <item name="add_widgets" xsi:type="boolean">false</item>
                        <item name="toggle_button" xsi:type="boolean">true</item>
                        <item name="height" xsi:type="string">200px</item>
                    </item>
                </item>
            </argument>
            <settings>
                <label translate="true">Message Text 2</label>
                <dataScope>second_message</dataScope>
                <validation>
                    <rule name="validate-no-url" xsi:type="boolean">true</rule>
                </validation>
                <imports>
                    <link name="validation.validate-no-url">${$.parentName}.link_url:value</link>
                </imports>
            </settings>
            <formElements>
                <wysiwyg>
                    <settings>
                        <wysiwyg>true</wysiwyg>
                    </settings>
                </wysiwyg>
            </formElements>
        </field>
        <urlInput name="link_url" sortOrder="170" template="Magento_PageBuilder/form/element/url-input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Link</label>
                <dataScope>link_url</dataScope>
                <urlTypes class="Magento\Ui\Model\UrlInput\LinksConfigProvider"/>
                <validation>
                    <rule name="validate-message-no-link" xsi:type="boolean">true</rule>
                </validation>
                <imports>
                    <link name="validation.validate-message-no-link">${$.parentName}.message:value</link>
                </imports>
            </settings>
        </urlInput>
        <urlInput name="link_url_2" sortOrder="171" template="Magento_PageBuilder/form/element/url-input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Link 2</label>
                <dataScope>link_url_2</dataScope>
                <urlTypes class="Magento\Ui\Model\UrlInput\LinksConfigProvider"/>
                <validation>
                    <rule name="validate-message-no-link" xsi:type="boolean">true</rule>
                </validation>
                <imports>
                    <link name="validation.validate-message-no-link">${$.parentName}.message:value</link>
                </imports>
            </settings>
        </urlInput>
        <urlInput name="link_url_3" sortOrder="172" template="Magento_PageBuilder/form/element/url-input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Link 3</label>
                <dataScope>link_url_3</dataScope>
                <urlTypes class="Magento\Ui\Model\UrlInput\LinksConfigProvider"/>
                <validation>
                    <rule name="validate-message-no-link" xsi:type="boolean">true</rule>
                </validation>
                <imports>
                    <link name="validation.validate-message-no-link">${$.parentName}.message:value</link>
                </imports>
            </settings>
        </urlInput>
        <field name="show_button" sortOrder="180" formElement="select">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">never</item>
                </item>
            </argument>
            <settings>
                <dataType>text</dataType>
                <label translate="true">Show Button</label>
                <dataScope>show_button</dataScope>
            </settings>
            <formElements>
                <select>
                    <settings>
                        <options>
                            <option name="0" xsi:type="array">
                                <item name="value" xsi:type="string">always</item>
                                <item name="label" xsi:type="string" translate="true">Always</item>
                            </option>
                            <option name="1" xsi:type="array">
                                <item name="value" xsi:type="string">hover</item>
                                <item name="label" xsi:type="string" translate="true">On Hover</item>
                            </option>
                            <option name="2" xsi:type="array">
                                <item name="value" xsi:type="string">never</item>
                                <item name="label" xsi:type="string" translate="true">Never Show</item>
                            </option>
                        </options>
                    </settings>
                </select>
            </formElements>
        </field>
        <field name="show_button_2" sortOrder="181" formElement="select">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">never</item>
                </item>
            </argument>
            <settings>
                <dataType>text</dataType>
                <label translate="true">Show Button 2</label>
                <dataScope>show_button_2</dataScope>
            </settings>
            <formElements>
                <select>
                    <settings>
                        <options>
                            <option name="0" xsi:type="array">
                                <item name="value" xsi:type="string">always</item>
                                <item name="label" xsi:type="string" translate="true">Always</item>
                            </option>
                            <option name="1" xsi:type="array">
                                <item name="value" xsi:type="string">hover</item>
                                <item name="label" xsi:type="string" translate="true">On Hover</item>
                            </option>
                            <option name="2" xsi:type="array">
                                <item name="value" xsi:type="string">never</item>
                                <item name="label" xsi:type="string" translate="true">Never Show</item>
                            </option>
                        </options>
                    </settings>
                </select>
            </formElements>
        </field>
        <field name="show_button_3" sortOrder="182" formElement="select">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">never</item>
                </item>
            </argument>
            <settings>
                <dataType>text</dataType>
                <label translate="true">Show Button 3</label>
                <dataScope>show_button_3</dataScope>
            </settings>
            <formElements>
                <select>
                    <settings>
                        <options>
                            <option name="0" xsi:type="array">
                                <item name="value" xsi:type="string">always</item>
                                <item name="label" xsi:type="string" translate="true">Always</item>
                            </option>
                            <option name="1" xsi:type="array">
                                <item name="value" xsi:type="string">hover</item>
                                <item name="label" xsi:type="string" translate="true">On Hover</item>
                            </option>
                            <option name="2" xsi:type="array">
                                <item name="value" xsi:type="string">never</item>
                                <item name="label" xsi:type="string" translate="true">Never Show</item>
                            </option>
                        </options>
                    </settings>
                </select>
            </formElements>
        </field>
        <field name="button_text" sortOrder="190" formElement="input">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="disabledValues" xsi:type="array">
                        <item name="none" xsi:type="string">never</item>
                    </item>
                </item>
            </argument>
            <settings>
                <label translate="true">Button Text</label>
                <dataType>text</dataType>
                <dataScope>button_text</dataScope>
                <imports>
                    <link name="setDisabled">ns = ${ $.ns }, index = show_button:value</link>
                </imports>
            </settings>
        </field>
        <field name="button_text_2" sortOrder="192" formElement="input">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="disabledValues" xsi:type="array">
                        <item name="none" xsi:type="string">never</item>
                    </item>
                </item>
            </argument>
            <settings>
                <label translate="true">Button Text 2</label>
                <dataType>text</dataType>
                <dataScope>button_text_2</dataScope>
                <imports>
                    <link name="setDisabled">ns = ${ $.ns }, index = show_button_2:value</link>
                </imports>
            </settings>
        </field>
        <field name="button_text_3" sortOrder="193" formElement="input">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="disabledValues" xsi:type="array">
                        <item name="none" xsi:type="string">never</item>
                    </item>
                </item>
            </argument>
            <settings>
                <label translate="true">Button Text 3</label>
                <dataType>text</dataType>
                <dataScope>button_text_3</dataScope>
                <imports>
                    <link name="setDisabled">ns = ${ $.ns }, index = show_button_3:value</link>
                </imports>
            </settings>
        </field>
        <field name="button_type" sortOrder="200" formElement="select">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">pagebuilder-button-primary</item>
                    <item name="disabledValues" xsi:type="array">
                        <item name="none" xsi:type="string">never</item>
                    </item>
                </item>
            </argument>
            <settings>
                <dataType>text</dataType>
                <label translate="true">Button Type</label>
                <imports>
                    <link name="setDisabled">ns = ${ $.ns }, index = show_button:value</link>
                </imports>
            </settings>
            <formElements>
                <select>
                    <settings>
                        <options>
                            <option name="0" xsi:type="array">
                                <item name="value" xsi:type="string">pagebuilder-button-primary</item>
                                <item name="label" xsi:type="string" translate="true">Primary</item>
                            </option>
                            <option name="1" xsi:type="array">
                                <item name="value" xsi:type="string">pagebuilder-button-secondary</item>
                                <item name="label" xsi:type="string" translate="true">Secondary</item>
                            </option>
                            <option name="2" xsi:type="array">
                                <item name="value" xsi:type="string">pagebuilder-button-link</item>
                                <item name="label" xsi:type="string" translate="true">Link</item>
                            </option>
                        </options>
                    </settings>
                </select>
            </formElements>
        </field>
        <field name="button_type_2" sortOrder="201" formElement="select">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">pagebuilder-button-primary</item>
                    <item name="disabledValues" xsi:type="array">
                        <item name="none" xsi:type="string">never</item>
                    </item>
                </item>
            </argument>
            <settings>
                <dataType>text</dataType>
                <dataScope>button_type_2</dataScope>
                <label translate="true">Button Type 2</label>
                <imports>
                    <link name="setDisabled">ns = ${ $.ns }, index = show_button_2:value</link>
                </imports>
            </settings>
            <formElements>
                <select>
                    <settings>
                        <options>
                            <option name="0" xsi:type="array">
                                <item name="value" xsi:type="string">pagebuilder-button-primary</item>
                                <item name="label" xsi:type="string" translate="true">Primary</item>
                            </option>
                            <option name="1" xsi:type="array">
                                <item name="value" xsi:type="string">pagebuilder-button-secondary</item>
                                <item name="label" xsi:type="string" translate="true">Secondary</item>
                            </option>
                            <option name="2" xsi:type="array">
                                <item name="value" xsi:type="string">pagebuilder-button-link</item>
                                <item name="label" xsi:type="string" translate="true">Link</item>
                            </option>
                        </options>
                    </settings>
                </select>
            </formElements>
        </field>
        <field name="button_type_3" sortOrder="202" formElement="select">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">pagebuilder-button-primary</item>
                    <item name="disabledValues" xsi:type="array">
                        <item name="none" xsi:type="string">never</item>
                    </item>
                </item>
            </argument>
            <settings>
                <dataType>text</dataType>
                <dataScope>button_type_3</dataScope>
                <label translate="true">Button Type 3</label>
                <imports>
                    <link name="setDisabled">ns = ${ $.ns }, index = show_button_3:value</link>
                </imports>
            </settings>
            <formElements>
                <select>
                    <settings>
                        <options>
                            <option name="0" xsi:type="array">
                                <item name="value" xsi:type="string">pagebuilder-button-primary</item>
                                <item name="label" xsi:type="string" translate="true">Primary</item>
                            </option>
                            <option name="1" xsi:type="array">
                                <item name="value" xsi:type="string">pagebuilder-button-secondary</item>
                                <item name="label" xsi:type="string" translate="true">Secondary</item>
                            </option>
                            <option name="2" xsi:type="array">
                                <item name="value" xsi:type="string">pagebuilder-button-link</item>
                                <item name="label" xsi:type="string" translate="true">Link</item>
                            </option>
                        </options>
                    </settings>
                </select>
            </formElements>
        </field>
    </fieldset>
    <fieldset name="video" sortOrder="30">
        <settings>
            <label translate="true">Video</label>
            <collapsible>true</collapsible>
            <opened>true</opened>
        </settings>
        <field name="video_url" sortOrder="1" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Video URL</label>
                <dataScope>video_url</dataScope>
            </settings>
        </field>
        <field name="video_mobile_url" sortOrder="2" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Mobile Video URL</label>
                <dataScope>video_mobile_url</dataScope>
            </settings>
        </field>
        <field name="video_path" sortOrder="3">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="settings" xsi:type="array">
                        <item name="allowedExtensions" xsi:type="string">mp4</item>
                        <item name="maxFileSize" xsi:type="string">4194304</item>
                    </item>
                    <item name="label" xsi:type="string">Self-hosted Video</item>
                    <item name="visible" xsi:type="boolean">true</item>
                    <item name="formElement" xsi:type="string">fileUploader</item>
                    <item name="uploaderConfig" xsi:type="array">
                        <item name="url" xsi:type="url" path="filoblu_refilo/contenttype/video_upload"/>
                    </item>
                </item>
            </argument>
        </field>
        <field name="video_mobile_path" sortOrder="4">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="settings" xsi:type="array">
                        <item name="allowedExtensions" xsi:type="string">mp4</item>
                        <item name="maxFileSize" xsi:type="string">4194304</item>
                    </item>
                    <item name="label" xsi:type="string">Self-hosted Mobile Video</item>
                    <item name="visible" xsi:type="boolean">true</item>
                    <item name="formElement" xsi:type="string">fileUploader</item>
                    <item name="uploaderConfig" xsi:type="array">
                        <item name="url" xsi:type="url" path="filoblu_refilo/contenttype/video_upload"/>
                    </item>
                </item>
            </argument>
        </field>
        <field name="video_autoplay" sortOrder="10" formElement="checkbox">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">false</item>
                </item>
            </argument>
            <settings>
                <dataType>boolean</dataType>
                <label translate="true">Video Autoplay</label>
            </settings>
            <formElements>
                <checkbox>
                    <settings>
                        <valueMap>
                            <map name="false" xsi:type="string">false</map>
                            <map name="true" xsi:type="string">true</map>
                        </valueMap>
                        <prefer>toggle</prefer>
                    </settings>
                </checkbox>
            </formElements>
        </field>
        <field name="video_banner_loop" sortOrder="20" formElement="checkbox">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">false</item>
                </item>
            </argument>
            <settings>
                <dataType>boolean</dataType>
                <label translate="true">Video Loop</label>
            </settings>
            <formElements>
                <checkbox>
                    <settings>
                        <valueMap>
                            <map name="false" xsi:type="string">false</map>
                            <map name="true" xsi:type="string">true</map>
                        </valueMap>
                        <prefer>toggle</prefer>
                    </settings>
                </checkbox>
            </formElements>
        </field>
        <field name="video_cover_image" sortOrder="30" formElement="imageUploader">
            <settings>
                <label translate="true">Cover Image</label>
                <componentType>imageUploader</componentType>
            </settings>
            <formElements>
                <imageUploader>
                    <settings>
                        <allowedExtensions>jpg jpeg gif png svg</allowedExtensions>
                        <maxFileSize>4194304</maxFileSize>
                        <uploaderConfig>
                            <param xsi:type="string" name="url">filoblu_refilo/contenttype/image_upload</param>
                        </uploaderConfig>
                        <previewTmpl>Magento_PageBuilder/form/element/uploader/preview</previewTmpl>
                    </settings>
                </imageUploader>
            </formElements>
        </field>
        <field name="video_cover_image_url" sortOrder="31" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Video Cover Image URL</label>
                <dataScope>video_cover_image_url</dataScope>
            </settings>
        </field>
        <field name="video_cover_image_width" sortOrder="32" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Video Cover Image Width</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>video_cover_image_width</dataScope>
            </settings>
        </field>
        <field name="video_cover_image_height" sortOrder="33" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Video Cover Image Height</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>video_cover_image_height</dataScope>
            </settings>
        </field>
        <field name="video_cover_mobile_image" sortOrder="40" formElement="imageUploader">
            <settings>
                <label translate="true">Mobile Cover Image</label>
                <componentType>imageUploader</componentType>
            </settings>
            <formElements>
                <imageUploader>
                    <settings>
                        <allowedExtensions>jpg jpeg gif png svg</allowedExtensions>
                        <maxFileSize>4194304</maxFileSize>
                        <uploaderConfig>
                            <param xsi:type="string" name="url">filoblu_refilo/contenttype/image_upload</param>
                        </uploaderConfig>
                        <previewTmpl>Magento_PageBuilder/form/element/uploader/preview</previewTmpl>
                    </settings>
                </imageUploader>
            </formElements>
        </field>
        <field name="video_cover_mobile_image_url" sortOrder="41" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Video Cover Mobile Image URL</label>
                <dataScope>video_cover_mobile_image_url</dataScope>
            </settings>
        </field>
        <field name="video_cover_mobile_image_width" sortOrder="42" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Video Cover Mobile Image Width</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>video_cover_mobile_image_width</dataScope>
            </settings>
        </field>
        <field name="video_cover_mobile_image_height" sortOrder="43" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Video Cover Mobile Image Height</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>video_cover_mobile_image_height</dataScope>
            </settings>
        </field>
    </fieldset>
    <fieldset name="products" sortOrder="40">
        <settings>
            <label translate="true">Products Correlation</label>
            <collapsible>true</collapsible>
            <opened>true</opened>
        </settings>
        <field name="data_condition_option" sortOrder="1" formElement="select" component="Magento_PageBuilder/js/form/element/condition-options">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Select Products By</label>
                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
                <exports>
                    <link name="category_idsVisible">${$.parentName}.category_ids:visible</link>
                    <link name="skuVisible">${$.parentName}.sku:visible</link>
                    <link name="value">${$.parentName}.sort_order:filter</link>
                </exports>
                <dataScope>data_condition_option</dataScope>
            </settings>
            <formElements>
                <select>
                    <settings>
                        <options>
                            <option name="0" xsi:type="array">
                                <item name="size" xsi:type="string">small</item>
                                <item name="value" xsi:type="string">category_ids</item>
                                <item name="title" xsi:type="string" translate="true">Category</item>
                            </option>
                            <option name="1" xsi:type="array">
                                <item name="size" xsi:type="string">small</item>
                                <item name="value" xsi:type="string">sku</item>
                                <item name="title" xsi:type="string" translate="true">SKU</item>
                            </option>
                        </options>
                    </settings>
                </select>
            </formElements>
        </field>
        <field name="category_ids" component="Magento_Catalog/js/components/new-category" sortOrder="10" formElement="select">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="filterOptions" xsi:type="boolean">true</item>
                    <item name="multiple" xsi:type="boolean">false</item>
                    <item name="showCheckbox" xsi:type="boolean">false</item>
                    <item name="disableLabel" xsi:type="boolean">true</item>
                    <item name="levelsVisibility" xsi:type="number">1</item>
                </item>
            </argument>
            <settings>
                <elementTmpl>ui/grid/filters/elements/ui-select</elementTmpl>
                <label translate="true">Category</label>
                <dataScope>category_ids</dataScope>
                <componentType>field</componentType>
                <visible>false</visible>
                <listens>
                    <link name="${ $.namespace }.${ $.namespace }:responseData">setParsed</link>
                </listens>
            </settings>
            <formElements>
                <select>
                    <settings>
                        <options class="Magento\Catalog\Ui\Component\Product\Form\Categories\Options"/>
                    </settings>
                </select>
            </formElements>
        </field>
        <field name="sku" sortOrder="20" formElement="input">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="condition_operator" xsi:type="string">()</item>
                </item>
            </argument>
            <settings>
                <dataType>text</dataType>
                <label translate="true">Product SKUs</label>
                <dataScope>sku</dataScope>
                <visible>false</visible>
                <exports>
                    <link name="condition_operator">${ $.provider }:data.sku-condition_operator</link>
                </exports>
                <notice translate="true">Comma separated product SKUs.</notice>
                <elementTmpl>Magento_PageBuilder/form/element/input-no-maxlength</elementTmpl>
            </settings>
        </field>
        <field name="sort_order" sortOrder="40" formElement="select" component="Magento_PageBuilder/js/form/element/select-filtered-options">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="default" xsi:type="string">position</item>
                    <item name="excludeOptions" xsi:type="array">
                        <item name="condition" xsi:type="string">position,position_by_sku</item>
                        <item name="sku" xsi:type="string">position</item>
                        <item name="category_ids" xsi:type="string">position_by_sku</item>
                    </item>
                </item>
            </argument>
            <settings>
                <dataType>text</dataType>
                <label translate="true">Sort By</label>
                <dataScope>sort_order</dataScope>
            </settings>
            <formElements>
                <select>
                    <settings>
                        <options class="Magento\PageBuilder\Model\Catalog\Sorting\Options"/>
                    </settings>
                </select>
            </formElements>
        </field>
        <field name="data_products_count" sortOrder="50" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Number of Products to Display</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>data_products_count</dataScope>
            </settings>
        </field>
    </fieldset>
    <fieldset name="blocks" sortOrder="50">
        <settings>
            <label translate="true">CMS Block Correlation</label>
            <collapsible>true</collapsible>
            <opened>true</opened>
        </settings>
        <field name="cms_block_id" sortOrder="1" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">CMS Block Identifier</label>
                <dataScope>cms_block_id</dataScope>
            </settings>
        </field>
    </fieldset>
    <fieldset name="image_mapping" sortOrder="60">
        <settings>
            <label translate="true">Image Mapping</label>
            <collapsible>true</collapsible>
            <opened>false</opened>
        </settings>
        <dynamicRows name="mapping_pins" sortOrder="10">
            <settings>
                <addButtonLabel translate="true">Add Pin</addButtonLabel>
                <dndConfig>
                    <param name="enabled" xsi:type="boolean">false</param>
                </dndConfig>
                <additionalClasses>
                    <class name="admin__field-wide">true</class>
                </additionalClasses>
                <deleteProperty>false</deleteProperty>
                <componentType>dynamicRows</componentType>
                <dataScope>mapping_pins</dataScope>
            </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>
                </argument>
                <field name="pin_desktop_coords" formElement="input" sortOrder="1">
                    <argument name="data" xsi:type="array">
                        <item name="config" xsi:type="array">
                            <item name="fit" xsi:type="boolean">true</item>
                        </item>
                    </argument>
                    <settings>
                        <dataType>text</dataType>
                        <label>Desktop Coords</label>
                    </settings>
                </field>
                <field name="pin_mobile_coords" formElement="input" sortOrder="10" >
                    <argument name="data" xsi:type="array">
                        <item name="config" xsi:type="array">
                            <item name="fit" xsi:type="boolean">true</item>
                        </item>
                    </argument>
                    <settings>
                        <dataType>text</dataType>
                        <label>Mobile Coords</label>
                    </settings>
                </field>
                <field name="pin_placement" sortOrder="20" formElement="select">
                    <argument name="data" xsi:type="array">
                        <item name="config" xsi:type="array">
                            <item name="default" xsi:type="string">bottom</item>
                            <item name="fit" xsi:type="boolean">true</item>
                        </item>
                    </argument>
                    <settings>
                        <dataType>text</dataType>
                        <label translate="true">Placement</label>
                        <dataScope>placement</dataScope>
                    </settings>
                    <formElements>
                        <select>
                            <settings>
                                <options>
                                    <option name="0" xsi:type="array">
                                        <item name="value" xsi:type="string">bottom-end</item>
                                        <item name="label" xsi:type="string" translate="true">Bottom End</item>
                                    </option>
                                    <option name="1" xsi:type="array">
                                        <item name="value" xsi:type="string">bottom-start</item>
                                        <item name="label" xsi:type="string" translate="true">Bottom Start</item>
                                    </option>
                                    <option name="2" xsi:type="array">
                                        <item name="value" xsi:type="string">bottom</item>
                                        <item name="label" xsi:type="string" translate="true">Bottom</item>
                                    </option>
                                    <option name="3" xsi:type="array">
                                        <item name="value" xsi:type="string">left-end</item>
                                        <item name="label" xsi:type="string" translate="true">Left End</item>
                                    </option>
                                    <option name="4" xsi:type="array">
                                        <item name="value" xsi:type="string">left-start</item>
                                        <item name="label" xsi:type="string" translate="true">Left Start</item>
                                    </option>
                                    <option name="5" xsi:type="array">
                                        <item name="value" xsi:type="string">left</item>
                                        <item name="label" xsi:type="string" translate="true">Left</item>
                                    </option>
                                    <option name="6" xsi:type="array">
                                        <item name="value" xsi:type="string">right-end</item>
                                        <item name="label" xsi:type="string" translate="true">Right End</item>
                                    </option>
                                    <option name="7" xsi:type="array">
                                        <item name="value" xsi:type="string">right-start</item>
                                        <item name="label" xsi:type="string" translate="true">Right Start</item>
                                    </option>
                                    <option name="8" xsi:type="array">
                                        <item name="value" xsi:type="string">right</item>
                                        <item name="label" xsi:type="string" translate="true">Right</item>
                                    </option>
                                    <option name="8" xsi:type="array">
                                        <item name="value" xsi:type="string">top-end</item>
                                        <item name="label" xsi:type="string" translate="true">Top End</item>
                                    </option>
                                    <option name="8" xsi:type="array">
                                        <item name="value" xsi:type="string">top-start</item>
                                        <item name="label" xsi:type="string" translate="true">Top Start</item>
                                    </option>
                                    <option name="8" xsi:type="array">
                                        <item name="value" xsi:type="string">top</item>
                                        <item name="label" xsi:type="string" translate="true">Top</item>
                                    </option>
                                </options>
                            </settings>
                        </select>
                    </formElements>
                </field>
                <field name="pin_cms_block_id" formElement="input" sortOrder="30">
                    <argument name="data" xsi:type="array">
                        <item name="config" xsi:type="array">
                            <item name="fit" xsi:type="boolean">true</item>
                        </item>
                    </argument>
                    <settings>
                        <dataType>text</dataType>
                        <label>CMS Block Identifier</label>
                    </settings>
                </field>
                <field name="pin_style" formElement="textarea" sortOrder="40">
                    <argument name="data" xsi:type="array">
                        <item name="config" xsi:type="array">
                            <item name="rows" xsi:type="number">5</item>
                            <item name="fit" xsi:type="boolean">true</item>
                        </item>
                    </argument>
                    <settings>
                        <dataType>text</dataType>
                        <label translate="true">Pin Style</label>
                        <dataScope>pin_style</dataScope>
                    </settings>
                </field>
                <actionDelete>
                    <argument name="data" xsi:type="array">
                        <item name="config" xsi:type="array">
                            <item name="componentType" xsi:type="string">actionDelete</item>
                            <item name="dataType" xsi:type="string">text</item>
                            <item name="fit" xsi:type="boolean">false</item>
                            <item name="label" xsi:type="string">Actions</item>
                            <item name="additionalClasses" xsi:type="string">data-grid-actions-cell</item>
                            <item name="template" xsi:type="string">Magento_Backend/dynamic-rows/cells/action-delete</item>
                        </item>
                    </argument>
                </actionDelete>
            </container>
        </dynamicRows>
        <field name="pins_style" sortOrder="20" formElement="textarea">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="rows" xsi:type="number">10</item>
                </item>
            </argument>
            <settings>
                <dataType>text</dataType>
                <label translate="true">Pins Style</label>
                <dataScope>pins_style</dataScope>
            </settings>
        </field>
    </fieldset>
    <fieldset name="threesixty_image" sortOrder="70">
        <settings>
            <label translate="true">360 Images</label>
            <collapsible>true</collapsible>
            <opened>false</opened>
        </settings>
        <field name="threesixty_images_width" sortOrder="10" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">360 Image Width</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>threesixty_images_width</dataScope>
            </settings>
        </field>
        <field name="threesixty_images_height" sortOrder="20" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">360 Image Height</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>threesixty_images_height</dataScope>
            </settings>
        </field>
        <dynamicRows name="threesixty_images" sortOrder="30">
            <settings>
                <addButtonLabel translate="true">Add Image</addButtonLabel>
                <dndConfig>
                    <param name="enabled" xsi:type="boolean">false</param>
                </dndConfig>
                <additionalClasses>
                    <class name="admin__field-wide">false</class>
                </additionalClasses>
                <deleteProperty>false</deleteProperty>
                <componentType>dynamicRows</componentType>
                <dataScope>threesixty_images</dataScope>
            </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>
                </argument>
                <field name="single_image" sortOrder="40" formElement="imageUploader">
                    <settings>
                        <label translate="true">360 Image</label>
                        <componentType>imageUploader</componentType>
                    </settings>
                    <formElements>
                        <imageUploader>
                            <settings>
                                <allowedExtensions>jpg jpeg gif png svg</allowedExtensions>
                                <maxFileSize>4194304</maxFileSize>
                                <uploaderConfig>
                                    <param xsi:type="string" name="url">filoblu_refilo/contenttype/threesixtyimage_upload</param>
                                </uploaderConfig>
                                <previewTmpl>Magento_PageBuilder/form/element/uploader/preview</previewTmpl>
                            </settings>
                        </imageUploader>
                    </formElements>
                </field>
                <actionDelete>
                    <argument name="data" xsi:type="array">
                        <item name="config" xsi:type="array">
                            <item name="componentType" xsi:type="string">actionDelete</item>
                            <item name="dataType" xsi:type="string">text</item>
                            <item name="fit" xsi:type="boolean">false</item>
                            <item name="label" xsi:type="string">Actions</item>
                            <item name="additionalClasses" xsi:type="string">data-grid-actions-cell</item>
                            <item name="template" xsi:type="string">Magento_Backend/dynamic-rows/cells/action-delete</item>
                        </item>
                    </argument>
                </actionDelete>
            </container>
        </dynamicRows>
    </fieldset>
    <fieldset name="seo" sortOrder="80">
        <settings>
            <label translate="true">SEO</label>
            <collapsible>true</collapsible>
            <opened>false</opened>
        </settings>
        <field name="banner_id" sortOrder="1" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Banner ID</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>banner_id</dataScope>
            </settings>
        </field>
        <field name="banner_name" sortOrder="10" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Banner Name</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>banner_name</dataScope>
            </settings>
        </field>
        <field name="banner_creative" sortOrder="20" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Banner Creative</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>banner_creative</dataScope>
            </settings>
        </field>
        <field name="banner_position" sortOrder="30" formElement="input">
            <settings>
                <dataType>text</dataType>
                <label translate="true">Banner Position</label>
                <additionalClasses>
                    <class name="admin__field-small">true</class>
                </additionalClasses>
                <dataScope>banner_position</dataScope>
            </settings>
        </field>
    </fieldset>
    <fieldset name="background" sortOrder="90" />
    <fieldset name="pdf" sortOrder="100">
        <settings>
            <label translate="true">PDF</label>
            <collapsible>true</collapsible>
            <opened>false</opened>
        </settings>
        <field name="pdf_path" sortOrder="1">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="settings" xsi:type="array">
                        <item name="allowedExtensions" xsi:type="string">pdf</item>
                        <item name="maxFileSize" xsi:type="string">4194304</item>
                    </item>
                    <item name="label" xsi:type="string">PDF File</item>
                    <item name="visible" xsi:type="boolean">true</item>
                    <item name="formElement" xsi:type="string">fileUploader</item>
                    <item name="uploaderConfig" xsi:type="array">
                        <item name="url" xsi:type="url" path="filoblu_refilo/contenttype/pdf_upload"/>
                    </item>
                </item>
            </argument>
        </field>
    </fieldset>
</form>
