<?xml version="1.0"?>
<t t-name="web_editor.snippet_options_image_optimization_widgets">
    <we-select string.translate="Filter" t-att-class="indent and 'o_we_sublevel_2'">
        <we-button data-gl-filter="">None</we-button>
        <we-button data-gl-filter="blur">Blur</we-button>
        <we-button data-gl-filter="1977">1977</we-button>
        <we-button data-gl-filter="aden">Aden</we-button>
        <we-button data-gl-filter="brannan">Brannan</we-button>
        <we-button data-gl-filter="earlybird">EarlyBird</we-button>
        <we-button data-gl-filter="inkwell">Inkwell</we-button>
        <we-button data-gl-filter="maven">Maven</we-button>
        <we-button data-gl-filter="toaster">Toaster</we-button>
        <we-button data-gl-filter="walden">Walden</we-button>
        <we-button data-gl-filter="valencia">Valencia</we-button>
        <we-button data-gl-filter="xpro">Xpro</we-button>
        <we-button data-gl-filter="custom" data-name="custom_glfilter_opt">Custom</we-button>
    </we-select>
    <t t-set="color_label">Color</t>
    <t t-set="saturation_label">Saturation</t>
    <t t-set="contrast_label">Contrast</t>
    <t t-set="brightness_label">Brightness</t>
    <t t-set="sepia_label">Sepia</t>
    <t t-set="blur_label">Blur</t>
    <we-row t-att-string="color_label" t-att-class="indent and 'o_we_sublevel_3' or 'o_we_sublevel_1'">
        <we-select data-filter-property="blend" data-dependencies="custom_glfilter_opt">
            <we-button data-custom-filter="normal">Normal</we-button>
            <we-button data-custom-filter="overlay">overlay</we-button>
            <we-button data-custom-filter="screen">screen</we-button>
            <we-button data-custom-filter="multiply">multiply</we-button>
            <we-button data-custom-filter="lighter">add</we-button>
            <we-button data-custom-filter="exclusion">exclusion</we-button>
            <we-button data-custom-filter="darken">darken</we-button>
            <we-button data-custom-filter="lighten">lighten</we-button>
        </we-select>
        <we-colorpicker data-dependencies="custom_glfilter_opt" data-custom-filter="" data-filter-property="filterColor" data-excluded="common, theme"/>
    </we-row>
    <we-range t-att-string="saturation_label" t-att-class="indent and 'o_we_sublevel_3' or 'o_we_sublevel_1'" data-dependencies="custom_glfilter_opt" data-custom-filter="" data-filter-property="saturation" data-min="-100" data-step="10"/>
    <we-range t-att-string="contrast_label" t-att-class="indent and 'o_we_sublevel_3' or 'o_we_sublevel_1'" data-dependencies="custom_glfilter_opt" data-custom-filter="" data-filter-property="contrast" data-min="-100" data-step="10"/>
    <we-range t-att-string="brightness_label" t-att-class="indent and 'o_we_sublevel_3' or 'o_we_sublevel_1'" data-dependencies="custom_glfilter_opt" data-custom-filter="" data-filter-property="brightness" data-min="-100" data-step="10"/>
    <we-range t-att-string="sepia_label" t-att-class="indent and 'o_we_sublevel_3' or 'o_we_sublevel_1'" data-dependencies="custom_glfilter_opt" data-custom-filter="" data-filter-property="sepia" data-step="5"/>
    <we-range t-att-string="blur_label" t-att-class="indent and 'o_we_sublevel_3' or 'o_we_sublevel_1'" data-dependencies="custom_glfilter_opt" data-custom-filter="" data-filter-property="blur" data-max="2000" data-step="100"/>

    <t t-set="format_label">Format</t>
    <we-select t-att-string="format_label" t-att-class="indent and 'o_we_sublevel_2'" data-name="format_select_opt"/>

    <t t-set="quality_label">Quality</t>
    <we-range t-att-string="quality_label" t-att-class="indent and 'o_we_sublevel_2'" data-set-quality=""/>
</t>

