<?xml version="1.0" encoding="UTF-8"?>
<widgets xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:noNamespaceSchemaLocation="../../../Magento/Widget/etc/widget.xsd">
    <widget id="product_banner" class="Rokanthemes\ProductBanner\Block\Widget\ProductBanner" is_email_compatible="true"
            placeholder_image="Magento_Catalog::images/category_widget_link.png" ttl="86400">
        <label translate="true">Products Banner</label>
        <description translate="true">List Products of Categories</description>
        <parameters>
            <parameter name="title" xsi:type="text" required="false" visible="true" sort_order="0">
                <label translate="true">Title</label>
            </parameter>
            <parameter name="short_description" xsi:type="block" visible="true" required="false" sort_order="10">
                <label translate="true">Shore Description</label>
                <block class="Rokanthemes\ProductBanner\Block\Adminhtml\Widget\Textarea" />
            </parameter>
			<parameter name="types" xsi:type="select" required="true" visible="true" sort_order="20" source_model="Rokanthemes\ProductBanner\Model\Config\Source\ListMode">
                <label translate="true">Categories</label>
            </parameter>
			<parameter name="see_all" xsi:type="text" required="false" visible="true" sort_order="21">
                <label translate="true">See All Link</label>
				<value>#</value>
            </parameter>
			<parameter name="banner_image" xsi:type="block" required="true" visible="true" sort_order="21">
                <label translate="true">Banner Image</label>
                <description translate="true">Allowed file types:PNG, JPG, JPEG.</description>
                <block class="Rokanthemes\ProductBanner\Block\Adminhtml\Widget\ImageChooser">
                    <data>
                        <item name="button" xsi:type="array">
                            <item name="open" xsi:type="string">Choose Image...</item>
                        </item> 
                    </data>
                </block>
            </parameter>
			<parameter name="banner_url" xsi:type="text" required="true" visible="true" sort_order="22">
                <label translate="true">Banner Link</label>
            </parameter>
			<parameter name="template" xsi:type="select" required="true" visible="true" sort_order="25">
                <label>Layout View</label>
                <options>
                    <option name="grid" value="widget/banner_gird.phtml" selected="true">
                        <label translate="true">Grid</label>
                    </option>
					<option name="slide" value="widget/banner_slide.phtml">
                        <label translate="true">Slide</label>
                    </option>
                </options>
            </parameter>
			<parameter name="position_banner" xsi:type="text" required="false" visible="true" sort_order="30">
                <label translate="true">Banner position on slide.</label>
				<description>Banner position will display on the slide from left to right for Layout View = Slide</description>
            </parameter>
            <parameter name="limit" xsi:type="text" required="false" visible="true" sort_order="30">
                <label translate="true">Limit Product</label>
                <description>Max value = total items on listing. If Layout View = Slide then limit = 8</description>
                <value>10</value>
            </parameter>
            <parameter name="number_row" xsi:type="select" required="false" visible="true" sort_order="50">
                <label translate="true">Rows</label>
                <options>
                    <option name="default" value="1" selected="true">
                        <label translate="true">1 Row</label>
                    </option>
                    <option name="item2" value="2">
                        <label translate="true">2 Rows</label>
                    </option>
					<option name="item3" value="3">
                        <label translate="true">3 Rows</label>
                    </option>
					<option name="item4" value="4">
                        <label translate="true">4 Rows</label>
                    </option>
					<option name="item5" value="5">
                        <label translate="true">5 Rows</label>
                    </option>
                </options>
            </parameter>
            <parameter name="mode_view" xsi:type="select" required="true" visible="true" sort_order="60">
                <label>Mode View</label>
                <options>
                    <option name="grid" value="grid" selected="true">
                        <label translate="true">Grid</label>
                    </option>
                    <option name="list" value="list">
                        <label translate="true">List</label>
                    </option>
                </options>
            </parameter>
			<parameter name="show_description" xsi:type="select" visible="true"
                       source_model="Magento\Config\Model\Config\Source\Yesno" sort_order="66">
                <label translate="true">Show short description</label>
				<depends>
                    <parameter name="mode_view" value="list" />
                </depends>
            </parameter>
            <parameter name="hide_tocart" xsi:type="select" visible="true"
                       source_model="Magento\Config\Model\Config\Source\Yesno" sort_order="70">
                <label translate="true">Hide Add To Cart</label>
				<depends>
                    <parameter name="mode_view" value="grid" /> 
                </depends>
            </parameter>
            <parameter name="hide_tocompare" xsi:type="select" visible="true"
                       source_model="Magento\Config\Model\Config\Source\Yesno" sort_order="80">
                <label translate="true">Hide Add To Compare</label>
				<depends>
                    <parameter name="mode_view" value="grid" /> 
                </depends>
            </parameter>
            <parameter name="hide_towishlist" xsi:type="select" visible="true"
                       source_model="Magento\Config\Model\Config\Source\Yesno" sort_order="90">
                <label translate="true">Hide Add To Wishlist</label>
				<depends>
                    <parameter name="mode_view" value="grid" /> 
                </depends>
            </parameter>
            <parameter name="hide_quickview" xsi:type="select" visible="true"
                       source_model="Magento\Config\Model\Config\Source\Yesno" sort_order="100">
                <label translate="true">Hide Quickview</label>
				<depends>
                    <parameter name="mode_view" value="grid" /> 
                </depends>
            </parameter>
			<parameter name="product_image" xsi:type="select" required="true" visible="true" sort_order="110" source_model="Rokanthemes\Themeoption\Model\Config\ListImageType">
                <label translate="true">Product Image</label>
            </parameter>
            
			<parameter name="product_image_hover" xsi:type="select" required="true" visible="true" sort_order="110" source_model="Rokanthemes\Themeoption\Model\Config\ListImageType">
                <label translate="true">Product Hover Image</label>
            </parameter>
			<parameter name="image_width" xsi:type="text" required="true" visible="true" sort_order="123">
                <label translate="true">Image Width</label>
                <value>300</value>
            </parameter>
            <parameter name="image_height" xsi:type="text" required="true" visible="true" sort_order="125">
                <label translate="true">Image Height</label>
                <value>300</value>
            </parameter>
            <parameter name="owl_rtl" xsi:type="select" visible="true" sort_order="130">
                <label translate="true">Owl Rtl</label>
                <options>
                    <option name="false" value="false">
                        <label translate="true">False</label>
                    </option>
                    <option name="true" value="true">
                        <label translate="true">True</label>
                    </option>
                </options>
            </parameter>
            <parameter name="owl_nav" xsi:type="select" visible="true" sort_order="130">
                <label translate="true">Owl Nav</label>
                <options>
                    <option name="false" value="false">
                        <label translate="true">False</label>
                    </option>
                    <option name="true" value="true">
                        <label translate="true">True</label>
                    </option>
                </options>
            </parameter>
			<parameter name="auto" xsi:type="select" visible="true" sort_order="130">
                <label translate="true">Owl Auto</label>
                <options>
                    <option name="false" value="false">
                        <label translate="true">False</label>
                    </option>
                    <option name="true" value="true">
                        <label translate="true">True</label>
                    </option>
                </options>
            </parameter>
			<parameter name="owl_dots" xsi:type="select" visible="true" sort_order="131">
                <label translate="true">Owl Dots</label>
                <options>
                    <option name="false" value="false">
                        <label translate="true">False</label>
                    </option>
                    <option name="true" value="true">
                        <label translate="true">True</label>
                    </option>
                </options>
            </parameter>
			<parameter name="owl_center" xsi:type="select" visible="true" sort_order="133">
                <label translate="true">Owl Center</label>
                <options>
                    <option name="false" value="false">
                        <label translate="true">False</label>
                    </option>
                    <option name="true" value="true">
                        <label translate="true">True</label>
                    </option>
                </options>
            </parameter>
			<parameter name="owl_loop" xsi:type="select" visible="true" sort_order="134">
                <label translate="true">Loop</label>
                <options>
                    <option name="false" value="false">
                        <label translate="true">False</label>
                    </option>
                    <option name="true" value="true">
                        <label translate="true">True</label>
                    </option>
                </options>
            </parameter>
            <parameter name="owl_item_desktop" xsi:type="text" required="true" visible="true" sort_order="135">
                <label translate="true">Owl Items On Big Desktop</label>
				<description translate="true">Big desktop: Over 1440 pixels</description>
                <value>5</value>
            </parameter>
            <parameter name="owl_item_default" xsi:type="text" required="true" visible="true" sort_order="135">
                <label translate="true">Owl Items Desktop</label>
				<description translate="true">Desktop: 1200px - 1439px</description>
                <value>5</value>
            </parameter>
            <parameter name="owl_item_small_desktop" xsi:type="text" required="true" visible="true" sort_order="145">
                <label translate="true">Owl Items On Desktop Small</label>
				<description translate="true">Desktop Small: 1024px - 1199px</description>
                <value>3</value>
            </parameter>
            <parameter name="owl_item_big_tablet" xsi:type="text" required="true" visible="true" sort_order="147">
                <label translate="true">Owl Items On Big Tablet</label>
				<description translate="true">Big Tablet: 992px - 1023px</description>
                <value>3</value>
            </parameter>
            <parameter name="owl_item_tablet" xsi:type="text" required="true" visible="true" sort_order="150">
                <label translate="true">Owl Items On Tablet</label>
				<description translate="true">Tablet: 768px - 991px</description>
                <value>3</value>
            </parameter>
            <parameter name="owl_item_small_tablet" xsi:type="text" required="true" visible="true" sort_order="160">
                <label translate="true">Owl Items On Small Tablet</label>
				<description translate="true">Tablet Small: 576px - 767px</description>
                <value>2</value>
            </parameter>
            <parameter name="owl_item_mobile" xsi:type="text" required="true" visible="true" sort_order="170">
                <label translate="true">Owl Items On Mobile</label>
				<description translate="true"> Mobile: Under 575px</description>
                <value>1</value>
            </parameter>
            <parameter name="owl_margin" xsi:type="text" required="false" visible="true" sort_order="180">
                <label translate="true">Owl Margin</label>
            </parameter>
        </parameters>
        <containers>
            <container name="content">
                <template name="grid" value="default" />
            </container>
            <container name="content.top">
                <template name="grid" value="default" />
            </container>
            <container name="content.bottom">
                <template name="grid" value="default" />
            </container>
        </containers>
    </widget>
</widgets>
