<?xml version="1.0"?>
<!-- /**
 * @Author: nguyen
 * @Date:   2020-02-12 14:01:01
 * @Last Modified by:   nguyen
 * @Last Modified time: 2020-04-28 18:55:34
 */ -->

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Config:etc/system_file.xsd">
    <system>
        <tab id="magepow" translate="label" sortOrder="86">
            <label>Magepow</label>
        </tab>
        <section id="magepow_productzoom" translate="label" type="text" sortOrder="100" showInDefault="1" showInWebsite="1" showInStore="1">
            <class>separator-top</class>
            <label>Product Zoom</label>
            <tab>magepow</tab>
            <resource>Magepow_Productzoom::config</resource>
            <group id="general" translate="label" type="text" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>General</label>
                <field id="enabled" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Enabled</label>
                    <comment>Enabled Module</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="screensize" translate="label comment" type="text" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Disable Zoom in lower screen size</label>
                    <comment>Disable Zoom in lower screen size</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="scrollZoom" translate="label comment" type="select" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Scroll Zoom</label>
                    <comment>Set to true to activate zoom on mouse scroll. Possible Values: "True", "False"</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Truefalse</source_model>
                </field>
                <field id="zoomLevel" translate="label comment" type="text" sortOrder="15"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Level Zoom</label>
                    <comment>Level Zoom is number greater than zero to one (0, 1]</comment>
                    <validate>validate-number validate-number-range number-range-0-1 validate-greater-than-zero</validate>
                </field>
                <field id="zoomType" translate="label comment" type="select" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Zoom Type</label>
                    <comment>Outside, Inside, Lens</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Type</source_model>
                </field>

                <!-- Type Window -->

                <field id="zoomWindowPosition" translate="label comment" type="select" sortOrder="30"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Zoom Window Position</label>
                    <comment>Positioning the window can be done in by setting a default position</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Position</source_model>
                    <frontend_model>Magepow\Productzoom\Block\System\Config\Form\Field\Position</frontend_model>
                    <depends><field id="zoomType" separator=",">window</field></depends>
                </field>
                <field id="zIndex" translate="label comment" type="text" sortOrder="32"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>z-index window zoom</label>
                    <depends><field id="zoomType" separator=",">window</field></depends>
                    <validate>validate-digits</validate>
                </field>
                <field id="zoomWindowWidth" translate="label comment" type="text" sortOrder="35"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Zoom window width</label>
                    <comment>Width of the zoomWindow (Note: zoomType must be "window")</comment>
                    <depends><field id="zoomType" separator=",">window</field></depends>
                </field>
                <field id="zoomWindowHeight" translate="label comment" type="text" sortOrder="40"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Zoom window height</label>
                    <comment>Height of the zoomWindow (Note: zoomType must be "window")</comment>
                    <depends><field id="zoomType" separator=",">window</field></depends>
                </field>
                <field id="zoomWindowOffetx" translate="label comment" type="text" sortOrder="50"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>zoom window offetx</label>
                    <comment>x-axis offset of the zoom window</comment>
                    <depends><field id="zoomType" separator=",">window</field></depends>
                </field>
                <field id="zoomWindowOffety" translate="label comment" type="text" sortOrder="60"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>zoom window offety</label>
                    <comment>y-axis offset of the zoom window</comment>
                    <depends><field id="zoomType" separator=",">window</field></depends>
                </field>
                <field id="zoomWindowFadeIn" translate="label comment" type="text" sortOrder="70"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Zoom Window FadeIn</label>
                    <comment>Set as a number e.g 200 for speed of Window fadeIn</comment>
                    <depends><field id="zoomType" separator=",">window</field></depends>
                </field>
                <field id="zoomWindowFadeOut" translate="label comment" type="text" sortOrder="80"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Zoom Window FadeOut</label>
                    <comment>Set as a number e.g 200 for speed of Window fadeOut</comment>
                    <depends><field id="zoomType" separator=",">window</field></depends>
                </field>

                 <!-- Type Lens -->
                <field id="lensSize" translate="label comment" type="text" sortOrder="90"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Lens Size</label>
                    <comment>used when zoomType set to lens, when zoom type is set to window, then the lens size is auto calculated</comment>
                    <validate>validate-digits validate-greater-than-zero</validate>
                    <depends><field id="zoomType" separator=",">lens</field></depends>
                </field>
                <field id="lensFadeIn" translate="label comment" type="text" sortOrder="110"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Lens FadeIn</label>
                    <comment>Set as a number e.g 200 for speed of Lens fadeIn</comment>
                    <depends><field id="zoomType" separator=",">lens</field></depends>
                </field>
                <field id="lensFadeOut" translate="label comment" type="text" sortOrder="120"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Lens FadeOut</label>
                    <comment>Set as a number e.g 200 for speed of Lens fadeOut</comment>
                    <depends><field id="zoomType" separator=",">lens</field></depends>
                </field>
                <field id="zoomLens" translate="label comment" type="select" sortOrder="130"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Zoom Lens</label>
                    <comment>set to false to hide the Lens</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Truefalse</source_model>
                    <depends><field id="zoomType" separator=",">lens</field></depends>
                </field>
                <field id="lensBorder" translate="label comment" type="text" sortOrder="140"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Lens Border</label>
                    <comment>Width in pixels of the lens border</comment>
                    <depends><field id="zoomType" separator=",">lens</field></depends>
                </field>
                <field id="lensShape" translate="label comment" type="select" sortOrder="150"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Lens Shape and Window Shape</label>
                    <comment>can also be round (note that only modern browsers support round, will default to square in older browsers)</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Lensshape</source_model>
                    <depends><field id="zoomType" separator=",">window,lens</field></depends>
                </field>
                <field id="containLensZoom" translate="label comment" type="text" sortOrder="160"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Contain Lens Zoom</label>
                    <comment>for use with the Lens Zoom Type. This makes sure the lens does not fall outside the outside of the image</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Truefalse</source_model>
                    <depends><field id="zoomType" separator=",">lens</field></depends>
                </field>
                <field id="lensColour" translate="label comment" type="text" sortOrder="170"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Lens Colour and window Colour</label>
                    <comment>Colour of the lens or window background</comment>
                    <frontend_model>Magepow\Productzoom\Block\System\Config\Form\Field\Color</frontend_model>
                    <depends><field id="zoomType" separator=",">window</field></depends>
                </field>
                <field id="lensOpacity" translate="label comment" type="select" sortOrder="180"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Lens Opacity</label>
                    <comment>used in combination with lensColour to make the lens see through. When using tint, this is overrided to 0</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Opacity</source_model>
                    <depends><field id="zoomType" separator=",">lens</field></depends>
                </field>
<!--                 <field id="lenszoom" translate="label comment" type="select" sortOrder="190"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Lens Zoom</label>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Truefalse</source_model>
                    <depends><field id="zoomType" separator=",">lens</field></depends>
                </field> -->

                <!-- Type Inside -->
                <field id="tint" translate="label comment" type="select" sortOrder="200"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Tint</label>
                    <comment>enable a tint overlay, other options: true</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Truefalse</source_model>
                    <depends><field id="zoomType" separator=",">window</field></depends>
                </field>
                <field id="tintColour" translate="label comment" type="text" sortOrder="210"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Tint Colour</label>
                    <comment>colour of the tint, can be #hex, word (red, blue), or rgb(x, x, x)</comment>
                    <frontend_model>Magepow\Productzoom\Block\System\Config\Form\Field\Color</frontend_model>
                    <depends>
                        <field id="zoomType" separator=",">window</field>
                        <field id="tint" separator=",">true</field>
                    </depends>
                </field>
                <field id="tintOpacity" translate="label comment" type="select" sortOrder="220"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Tint Opacity</label>
                    <comment>opacity of the tint</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Opacity</source_model>
                    <depends>
                        <field id="zoomType" separator=",">window</field>
                        <field id="tint" separator=",">true</field>
                    </depends>
                </field>

                <!-- Type General -->
                <field id="cursor" translate="label comment" type="select" sortOrder="230"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Cursor</label>
                    <comment>The default cursor is usually the arrow, if using a lightbox, then set the cursor to pointer so it looks clickable - Options are default, cursor, crosshair</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Cursor</source_model>
                    <depends><field id="zoomType" separator=",">window,inner</field></depends>
                </field>

                <field id="responsive" translate="label comment" type="select" sortOrder="240"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Responsive</label>
                    <comment>Set to true to activate responsivenes. If you have a theme which changes size, or tablets which change orientation this is needed to be on. Possible Values: "True", "False"</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Truefalse</source_model>
                </field>

                <field id="imageCrossfade" translate="label comment" type="select" sortOrder="250"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Image Cross Fade</label>
                    <comment>Set to true to activate simultaneous crossfade of images on gallery change. Possible Values: "True", "False"</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Truefalse</source_model>
                </field>

<!--                 <field id="loadingIcon" translate="label comment" type="select" sortOrder="260"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Loading Icon</label>
                    <comment>Set to the url of the spinner icon to activate, e.g, http://www.example.com/spinner.gif. Possible Values: "True", "False"</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Truefalse</source_model>
                </field>
               <field id="gallery" translate="label comment" type="text" sortOrder="265"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Gallery</label>
                </field> -->
                <field id="borderSize" translate="label comment" type="text" sortOrder="270"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Border Size</label>
                    <comment>Border Size of the ZoomBox - Must be set here as border taken into account for plugin calculations</comment>
                    <validate>validate-digits validate-greater-than-zero</validate>
                </field>

                <field id="borderColour" translate="label comment" type="text" sortOrder="275"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Border Colour</label>
                    <comment>Border Colour</comment>
                    <frontend_model>Magepow\Productzoom\Block\System\Config\Form\Field\Color</frontend_model>
                </field>

                <field id="easing" translate="label comment" type="select" sortOrder="280"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Easing</label>
                    <comment>Set to true to activate easing. Possible Values: "True", "False"</comment>
                    <source_model>Magepow\Productzoom\Model\Config\Source\Truefalse</source_model>
                </field>

                <field id="easingDuration" translate="label comment" type="text" sortOrder="290"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Easing Duration</label>
                    <validate>validate-digits validate-greater-than-zero</validate>
                    <depends><field id="easing" separator=",">true</field></depends>
                </field>
<!--                 <field id="easingType" translate="label comment" type="text" sortOrder="300"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Easing Type</label>
                    <comment>default easing type is easeOutExpo, (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b
Extend jquery with other easing types before initiating the plugin and pass the easing type as a string value.</comment>
                </field> -->

            </group>
        </section>
    </system>
</config>
