<?xml version="1.0" encoding="UTF-8"?>
<!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
    <fieldset name="other_settings" sortOrder="30">
        <fieldset name="welt_mobile_logo">
            <settings>
                <level>1</level>
                <collapsible>true</collapsible>
                <label translate="true">WeltPixel Header - Mobile Logo</label>
            </settings>
            <field name="mobile_header_logo_src" formElement="imageUploader">
                <settings>
                    <label translate="true">Mobile Logo Image</label>
                    <notice translate="true">Make sure to enable Mobile Logo from WeltPixel > Custom Header > Mobile Logo</notice>
                    <componentType>imageUploader</componentType>
                </settings>
                <formElements>
                    <imageUploader>
                        <settings>
                            <allowedExtensions>jpg jpeg gif png</allowedExtensions>
                            <maxFileSize>2097152</maxFileSize>
                            <uploaderConfig>
                                <param xsi:type="string" name="url">theme/design_config_fileUploader/save</param>
                            </uploaderConfig>
                        </settings>
                    </imageUploader>
                </formElements>
            </field>
            <field name="mobile_logo_width" formElement="input">
                <settings>
                    <dataType>number</dataType>
                    <label translate="true">Mobile Logo Width </label>
                    <dataScope>mobile_logo_width</dataScope>
                </settings>
            </field>
            <field name="mobile_logo_height" formElement="input">
                <settings>
                    <dataType>number</dataType>
                    <label translate="true">Mobile Logo Height</label>
                    <dataScope>mobile_logo_height</dataScope>
                </settings>
            </field>
            <field name="mobile_logo_alt" formElement="input">
                <settings>
                    <dataType>text</dataType>
                    <label translate="true">Mobile Logo Image Alt </label>
                    <dataScope>mobile_logo_alt</dataScope>
                </settings>
            </field>
            <field name="mobile_logo_position" formElement="select">
                <settings>
                    <dataType>text</dataType>
                    <label translate="true">Mobile Logo Position</label>
                    <dataScope>mobile_logo_position</dataScope>
                </settings>
                <formElements>
                    <select>
                        <settings>
                            <options class="WeltPixel\CustomHeader\Model\Config\PositionOptions"/>
                        </settings>
                    </select>
                </formElements>
            </field>
        </fieldset>
    </fieldset>
</form>
