<?xml version="1.0" encoding="utf-8"?>
<config>
    <fields name="Global" icon="uk-icon-globe">
        <field type="section" name="Color Style" description="Select which style to use for all layouts. This will override any layout styles" />
        <field type="preset" name="global_style" />
        <field type="section" name="" description="Use the customizer to create your own style. You can pick colors, modify sizes and much more with a real time theme preview. Choose the style to be loaded in the layout options." />
        <field type="customizer" />
        <field type="section" name="Development" description="Always uncheck following options for your production website." />
        <field type="checkbox" name="dev_mode" value="1" label="Compile LESS in the browser on every page load." />
        <field type="checkbox" name="dynamic_style" value="1" label="Allow styles to be loaded by URL. This will override the style originally loaded by the theme." />
        <field type="compile" />

        <field type="section" name="Navigation" description="Select the navigation layout" />
        <field type="checkbox" name="sticky_mainbar" value="1" label="Stick the menu navbar to the top when scrolling down." />
        <field type="checkbox" name="sticky_on_scrollup" value="1" label="Only show the sticky navbar when scrolling back up." />

        <field type="section" name="Page Preloader" description="Choose the type of page preloader icon." />
        <field type="checkbox" name="preloader" value="1" label="Show Page Preloader." />
        <field type="select" name="preloader_style" default="tm-rotate-circles">
            <option value="tm-rotate-circles">Dancing circles</option>
            <option value="tm-infinity">Infinity</option>
        </field>
    </fields>
    <fields name="Settings" icon="uk-icon-cog">
        <field type="section" name="Compression" description="Minify CSS and JavaScript into a single file. Use gzip compression and Data URIs to reduce image file requests." />
        <field type="select" name="compression" default="0">
            <option value="0">None</option>
            <option value="1">Minify</option>
            <option value="2">Minify + Data URIs</option>
            <option value="3">Minify + Data URIs + Gzip</option>
        </field>
        <field type="section" name="Responsive" description="The viewport meta tag controls the layout on mobile browsers. If it's not set, the default width on mobile is 980px and the site will look the same like on desktops." />
        <field type="checkbox" name="responsive" value="0" label="Disable the viewport meta tag." />
        <field type="section" name="Bootstrap" description="If you just use the Joomla blog and articles you don't need to load Bootstrap." />
        <field type="checkbox" name="bootstrap" value="0" label="Disable Bootstrap." />
        <field type="section" name="Content" description="Display specific content elements in the theme." />
        <field type="checkbox" name="totop_scroller" value="0" label="Hide To-top scroller." />
        <field type="checkbox" name="totop_scroller_mobile" value="1" label="Hide To-top scroller on mobile screens." />
        <field type="checkbox" name="boxed_layout" value="1" label="Enable boxed layout." />
        <field type="section" name="Favicon" description="Upload your browser URL icon. It's recommended to apply a size of 96x96 pixels to the favicon.png." />
        <field type="media" name="favicon" label="Upload Favicon" preview="true" width="96" height="96" />
        <field type="section" name="Apple Touch Icon" description="Upload your iOS icon. It's recommended to apply a size of 180x180 pixels to the apple-touch-icon.png." />
        <field type="media" name="apple_touch" label="Add the apple touch icon" preview="true" width="114" height="114" />
        <field type="section" name="Search" description="Add some custom text to the search field" />
        <field type="text" name="search_placeholder" label="Placeholder" description="Placeholder" class="uk-form-width-medium" />
        <field type="text" name="search_subtitle" label="Subtitle" description="Subtitle" class="uk-form-width-medium" />
        <field type="section" name="Modules" description="Choose the default module style for each position." />
        <field type="table" name="panel_default">
            <rows label="Position">
                <row>search</row>
                <row>hero</row>
                <row>top-a</row>
                <row>top-b</row>
                <row>sidebar-a</row>
                <row>sidebar-b</row>
                <row>bottom-a</row>
                <row>bottom-b</row>
                <row>footer</row>
            </rows>
            <field type="select" name="panel" label="Style">
                <option value="uk-panel">Blank</option>
                <option value="uk-panel uk-panel-box">Box</option>
                <option value="uk-panel uk-panel-box uk-panel-box-primary">Box Primary</option>
                <option value="uk-panel uk-panel-box tm-panel-box-primary-light">Box Primary Light</option>
                <option value="uk-panel uk-panel-box uk-panel-box-secondary">Box Secondary</option>
                <option value="uk-panel uk-panel-header">Header</option>
                <option value="uk-panel uk-panel-space">Space</option>
                <option value="uk-panel uk-contrast tm-overlay-primary">Primary Overlay</option>
                <option value="uk-panel uk-contrast tm-overlay-secondary">Secondary Overlay</option>
            </field>
        </field>
    </fields>

    <fields name="Layouts" icon="uk-icon-clone">
        <field type="layouts" name="layouts">
            <field type="section" name="Style" description="Select which style the layout should load." />
            <field type="style" name="style" />
            <field type="section" name="Content" description="Display specific content elements in the theme." />
            <field type="checkbox" name="system_output" value="0" label="Hide system output." />
            <field type="checkbox" name="hide_preloader" value="0" label="Hide Page Preloader." />

            <field type="section" name="Navigation" description="Select the navigation layout:" />
            <field type="select" name="header_style" label="Header Layout">
                <option value="default">Default</option>
                <option value="light">Light</option>
                <option value="dark">Dark</option>
            </field>
            <field type="section" name="Sidebars" description="Choose the sidebar widths and align the sidebar to the left or right." />
            <field type="table" name="sidebars">
                <rows label="Position">
                    <row>sidebar-a</row>
                    <row>sidebar-b</row>
                </rows>
                <field type="select" name="width" label="Width">
                    <option value="12" data-gcf="6">20%</option>
                    <option value="15" data-gcf="15">25%</option>
                    <option value="18" data-gcf="6">30%</option>
                    <option value="20" data-gcf="20">33%</option>
                    <option value="24" data-gcf="6">40%</option>
                    <option value="30" data-gcf="3">50%</option>
                </field>
                <field type="checkbox" name="first" value="1" column="Display First" />
                <field type="checkbox" name="sticky_sidebar" value="1" column="Stick when scrolling down." />
            </field>
            
            <field type="section" name="Grid" description="Choose the grid layout for each position. Further, you can enable horizontal dividers and prevent the responsive grid behavior. Note: Both options are not taken into account for the stacked layout." />
            <field type="table" name="grid">
                <rows label="Position">
                    <row>hero</row>
                    <row>top-a</row>
                    <row>top-b</row>
                    <row>bottom-a</row>
                    <row>bottom-b</row>
                    <row>footer</row>
                </rows>
                <field type="select" name="layout" label="Layout">
                    <option value="parallel">Parallel</option>
                    <option value="stacked">Stacked</option>
                    <option value="doubled">First doubled</option>
                    <option value="doubled-last">Last doubled</option>
                    <option value="small">First smaller</option>
                    <option value="small-last">Last smaller</option>
                </field>

                <field type="select" name="responsive" label="Responsive" default="medium">
                    <option value="">Disabled</option>
                    <option value="medium">Stack on phones</option>
                    <option value="large">Stack on ≤ tablets</option>
                </field>
            </field>

            <field type="section" name="Block Appereance" description="Choose the appearance settings for each block position." />
            <field type="table" name="blocks" width="large">
                <rows label="Position">
                    <row>hero</row>
                    <row>top-a</row>
                    <row>top-b</row>
                    <row>bottom-a</row>
                    <row>bottom-b</row>
                    <row>footer</row>
                </rows>
                <field type="select" name="background" label="Background">
                    <option value="default">Default</option>
                    <option value="muted">Muted</option>
                    <option value="primary">Primary 1</option>
                    <option value="primary uk-block-primary-2">Primary 2</option>
                    <option value="primary uk-block-primary-3">Primary 3</option>
                    <option value="primary uk-block-primary-4">Primary 4</option>
                    <option value="primary-light">Primary Light</option>
                    <option value="secondary">Secondary</option>
                </field>
                <field type="select" name="padding" label="Padding">
                    <option value="default">Default</option>
                    <option value="small">Small</option>
                    <option value="medium">Medium</option>
                    <option value="large">Large</option>
                    <option value="extra-large">Extra Large</option>
                    <option value="extra-large-bottom">Extra Large Bottom</option>
                    <option value="remove-bottom">Remove bottom</option>
                    <option value="remove-top">Remove top</option>
                    <option value="none">None</option>
                </field>
                <field type="checkbox" name="width" value="1" column="Full Width" />
                <field type="checkbox" name="collapse" value="1" column="Grid Collapse" />
                <field type="text" name="class" label="Block Class" class="uk-form-width" />
                <field type="text" name="image" label="Background Image" class="uk-form-width-medium" />
            </field>
        </field>
    </fields>
    <fields name="Modules" icon="uk-icon-plug">
        <field type="widgets" name="widgets">
            <field type="text" name="class" label="Class" class="uk-form-width-small" tooltip="Add custom classes." />
            <field type="select" name="panel" label="Style" tooltip="Choose module styles. Set the default module style in the settings.">
                <option value="">Default</option>
                <option value="uk-panel uk-panel-box">Box</option>
                <option value="uk-panel uk-panel-box uk-panel-box-primary">Box Primary</option>
                <option value="uk-panel uk-panel-box tm-panel-box-primary-light">Box Primary Light</option>
                <option value="uk-panel uk-panel-box uk-panel-box-secondary">Box Secondary</option>
                <option value="uk-panel uk-panel-header">Header</option>
                <option value="uk-panel uk-panel-space">Space</option>
                <option value="uk-panel uk-contrast tm-overlay-primary">Primary Overlay</option>
                <option value="uk-panel uk-contrast tm-overlay-secondary">Secondary Overlay</option>
                <option value="uk-panel">Blank</option>
            </field>
            <field type="checkbox" name="center" value="1" label="Center" />
            <field type="text" name="icon" label="Icon" class="uk-form-width-small" tooltip="Add UIkit icon classes or image urls." />
            <field type="display" name="display" label="Display" tooltip="Display or hide modules on certain devices." />
        </field>
    </fields>
    <fields name="Menus" icon="uk-icon-bars">
        <field type="menus">
            <field type="text" name="subtitle" label="Subtitle" class="uk-form-width-small" tooltip="Add subtitles to menu items." />
            <field type="select" name="columns" default="1" label="Columns" max-depth="1">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
            </field>
            <field type="text" name="columnwidth" label="Column Width" class="uk-form-width-small" placeholder="px" max-depth="" />
            <field type="text" name="icon" label="Icon" class="uk-form-width-small" tooltip="Add UIkit icon classes or image urls." />
            <field type="text" name="image" label="Image" class="uk-form-width-small" tooltip="Add UIkit icon classes or image urls." />
            <field type="checkbox" name="fullwidth" value="1" label="Full Width" tooltip="Add class to menu items." max-depth="1"/>
            <field type="checkbox" name="heading" value="1" label="Heading" tooltip="Make the menu to be a parent" max-depth="-1" min-depth="1"/>
            <field type="checkbox" name="child" value="1" label="Child" tooltip="Make the menu to be indented under a menu parent" max-depth="-1" min-depth="1"/>
        </field>
    </fields>
    <fields name="Coming Soon" icon="uk-icon-hourglass-half">

        <field type="label" name="" description="Set a coming soon page with a counter to show in place of your website" />
        <field type="section" name="Configuration" description="" />
        <field type="checkbox" name="comingsoon" value="1" label="Enable coming soon page." />
        <field type="label" name="" description="Main Title" />
        <field type="text" name="comingsoon_title" class="uk-form-width-large" default="Under Construction" />
        <field type="label" name="" description="Sub title" />
        <field type="text" name="comingsoon_sub_title" class="uk-form-width-large" default="Coming Soon.... to a place near you!" />
        <field type="label" name="" description="Description" />
        <field type="text" name="comingsoon_desc" class="uk-form-width-large" default="This site is down for maintenance.&lt;br /&gt;Please check back again soon." />
        <field type="label" name="" description="Coming Soon Date. The date uses the ISO 8601 format (UTC time) YYYY-MM-DDThh:mm:ssTZD e.g. 2018-12-04T22:00:00+00:00." />
        <field type="text" name="comingsoon_date" class="uk-form-width-large" />
        <field type="label" name="" description="Secret key. Use the secret key to bypass the coming soon page e.g. https://mysite.com?utouch where 'utouch' is your secret key" />
        <field type="text" name="comingsoon_secret" class="uk-form-width-large" default="utouch" />
        <field type="section" name="Graphics" description="" />
        <field type="label" name="" description="Background Image" />
        <field type="media" name="comingsoon_img" label="Coming soon background" preview="true" width="600" height="400" />
        <field type="label" name="" description="Icon" />
        <field type="media" name="comingsoon_icon" label="Coming soon Icon" preview="true" width="140" height="140" />
        <field type="section" name="Translation" description="Set the countdown labels for Days, Hours, Minutes and Seconds" />
        <field type="text" name="comingsoon_days" default="Days" />
        <field type="text" name="comingsoon_hours" default="Hours" />
        <field type="text" name="comingsoon_minutes" default="Minutes" />
        <field type="text" name="comingsoon_seconds" default="Seconds" />
    </fields>
    <fields name="Advanced" icon="uk-icon-code">
        <field type="section" name="Additional Scripts" description="Insert your Google Analytics tracking code or any other additional scripts here. They will be added before the closing body tag in the theme." />
        <field type="textarea" name="tracking_code" class="uk-form-width-large" rows="8" />
        <field type="section" name="Additional CSS" description="Insert your custom css. It will be added before the closing head tag in the theme." />
        <field type="textarea" name="custom_css" class="uk-form-width-large" rows="8" />
        <field type="section" name="Additional JS" description="Insert your custom JavaScript. It will be added before the closing body tag in the theme." />
        <field type="textarea" name="custom_js" class="uk-form-width-large" rows="8" />
        <field type="section" name="Additional Head Files" description="Insert your custom files which will be added before the closing head tag in the theme." />
        <field type="textarea" name="custom_files" class="uk-form-width-large" rows="8" />
        <field type="section" name="Additional Body Files" description="Use this file to add a custom script at the beginning of the body tag. Example Google Tag Manager code" />
        <field type="textarea" name="body_script" class="uk-form-width-large" rows="8" />
    </fields>
    <fields name="Help" icon="uk-icon-life-ring">
        <field type="section" name="Documentation"/>
        <field type="links">
            <link url="https://arrowthemes.com/support/documentation/utouch-joomla-template" target="_blank" class="success">Documentation</link>
            <link url="https://arrowthemes.com/support/changelog/utouch-changelog" target="_blank">Changelog</link>
        </field>
        <field type="section" name="Theme Support" />
        <field type="links" description="We provide support Monday to Friday 0900 to 1700h GMT only on our forums. If you need support, please create a thread on the forums. If you don't have an account, please create one.">
            <link url="https://arrowthemes.com/create-account" target="_blank" class="success">Create Account</link>
            <link url="https://arrowthemes.com/forum" target="_blank">Go to Forums</link>
            <link url="https://utouch.digital" target="_blank" class="primary">Live Demo</link>
        </field>
        <field type="section" name="Domain Licensing" />
        <field type="links" description="When you buy this theme (regular licence), you are entitled to use it on a single domain (single end product). Should you need to use it for a new product/different domain or client website, please purchase an extra licence.">
            <link url="https://themeforest.net/item/utouch-startup-multipurpose-business-technology-and-digital-marketing-joomla-template/21836790?ref=arrowthemes&amp;license=regular&amp;open_purchase_for_item_id=21836790&amp;purchasable=source" target="_blank" class="primary">Buy another licence</link>
        </field>

        <field type="section" name="Versions" description="This theme is based on the Warp framework. Always keep the theme and the Warp framework up-to-date." />
        <field type="info" />
        <field type="section" name="System Check" />
        <field type="check" />
        <field type="section" name="File Verification" />
        <field type="verify" />
    </fields>
</config>
