<?xml version="1.0" encoding="UTF-8"?>
<widgets xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Widget:etc/widget.xsd">
    <widget id="weltpixel_instagramwidget" class="WeltPixel\InstagramWidget\Block\Widget\Instagram" is_email_compatible="true" placeholder_image="WeltPixel_InstagramWidget::images/widget_instagram.png">
        <label translate="true">WeltPixel InstagramWidget</label>
        <description>Adds Instagram Feed</description>
        <parameters>
            <parameter name="instagram_api_type" xsi:type="select" visible="true" sort_order="1"
                       source_model="WeltPixel\InstagramWidget\Model\Config\Source\ApiType">
                <label translate="true">Instagram Api Type</label>
            </parameter>
            <parameter name="title" xsi:type="text" visible="true" sort_order="30" >
                <label translate="true">Title</label>
            </parameter>
            <parameter name="description" xsi:type="block" visible="true" sort_order="40" >
                <label translate="true">Description</label>
                <block class="WeltPixel\InstagramWidget\Block\Adminhtml\Widget\TextArea"/>
            </parameter>
            <parameter name="background_color" xsi:type="block"  visible="true" sort_order="45" >
                <label translate="true">Container Background Color</label>
                <block class="WeltPixel\InstagramWidget\Block\Adminhtml\Widget\ColorPicker"/>
            </parameter>
            <parameter name="images_in_new_tab" xsi:type="select" visible="true" sort_order="50"
                       source_model="WeltPixel\InstagramWidget\Model\Config\Source\YesNo">
                <label translate="true">Open Images in new Tab</label>
            </parameter>
            <parameter name="images_per_row" xsi:type="select" visible="true" sort_order="55"
                       source_model="WeltPixel\InstagramWidget\Model\Config\Source\ImagesPerRow">
                <label translate="true">Images Per Row</label>
            </parameter>
            <parameter name="images_have_padding" xsi:type="select" visible="true" sort_order="56"
                       source_model="WeltPixel\InstagramWidget\Model\Config\Source\YesNo">
                <label translate="true">Images Should Have Padding</label>
            </parameter>
            <parameter name="images_alt_text" xsi:type="select" visible="true" sort_order="57"
                       source_model="WeltPixel\InstagramWidget\Model\Config\Source\AltText">
                <label translate="true">Add ALT text for image</label>
            </parameter>
            <parameter name="custom_alt_text" xsi:type="text"  visible="true" sort_order="58">
                <label translate="true">Custom ALT tag</label>
                <depends>
                    <parameter name="images_alt_text" value="2" />
                </depends>
            </parameter>
            <parameter name="images_have_caption" xsi:type="select" visible="true" sort_order="59"
                       source_model="WeltPixel\InstagramWidget\Model\Config\Source\YesNo">
                <label translate="true">Display Image Caption</label>
                <description translate="true"><![CDATA[Enables displaying captions for each post as overlay on hover.]]></description>
            </parameter>
            <parameter name="optimize_image_layout" xsi:type="select" visible="true" sort_order="60"
                       source_model="WeltPixel\InstagramWidget\Model\Config\Source\YesNo">
                <label translate="true">Optimize Image Layout</label>
            </parameter>
            <parameter name="enable_lazyload" xsi:type="select" visible="true" sort_order="61"
                       source_model="WeltPixel\InstagramWidget\Model\Config\Source\YesNo">
                <label translate="true">Enable Lazy Image Load</label>
                <description translate="true"><![CDATA[You must have the <a target="_blank" href="https://www.weltpixel.com/magento-2-lazy-load-product-extension.html">LAZY LOAD PRODUCTS AND IMAGES</a> module for this functionality.]]></description>
            </parameter>
            <parameter name="show_like_count"  xsi:type="select" visible="true" sort_order="62"
                       source_model="WeltPixel\InstagramWidget\Model\Config\Source\YesNo">
                <label translate="true">Show Like Count</label>
            </parameter>
            <parameter name="show_videos" xsi:type="select" visible="true" sort_order="64"
                       source_model="WeltPixel\InstagramWidget\Model\Config\Source\YesNo">
                <label translate="true">Show Videos</label>
            </parameter>
            <parameter name="limit" xsi:type="text" visible="true" sort_order="65" >
                <label translate="true">Number of images</label>
                <description translate="true">Number of images to be pulled from Instagram and displayed. Default: 6</description>
            </parameter>
            <parameter name="use_hashtag_filter" xsi:type="select"  visible="true" sort_order="110" required="true"
                       source_model="WeltPixel\InstagramWidget\Model\Config\Source\YesNo">
                <label translate="true">Use Hashtag Filter</label>
            </parameter>
            <parameter name="hashtag_filter" xsi:type="text"  visible="true" sort_order="111" required="true">
                <label translate="true">Hashtag Filter</label>
                <description translate="true">Specify the hasthag value without #.</description>
                <depends>
                    <parameter name="use_hashtag_filter" value="1" />
                </depends>
            </parameter>
            <parameter name="use_predefined_token" xsi:type="select" visible="true" sort_order="115"
                       source_model="WeltPixel\InstagramWidget\Model\Config\Source\YesNo">
                <label translate="true">Use Auto Refreshed Token</label>
            </parameter>
            <parameter name="token" xsi:type="text"  visible="true" sort_order="119" required="true">
                <label translate="true">Token</label>
                <description translate="true">Insert Instagram token that does not auto refresh. This token expires and needs to be changed manually in the widget after expiration.</description>
                <depends>
                    <parameter name="use_predefined_token" value="0" />
                </depends>
            </parameter>
            <parameter name="predefined_token" xsi:type="select"  visible="true" sort_order="120"
                       source_model="WeltPixel\InstagramWidget\Model\Config\Source\Tokens">
                <label translate="true">Token Name</label>
                <description translate="true">Add your tokens in WeltPixel -> Instagram Widgets Settings.</description>
                <depends>
                    <parameter name="use_predefined_token" value="1" />
                </depends>
            </parameter>
        </parameters>
    </widget>
</widgets>
