<?xml version="1.0"?>
<data inherit_id="web_editor.snippet_options_background_options" primary="True">
    <xpath expr="//we-button[@data-toggle-bg-image]" position="after">
        <t t-if="with_videos">
            <we-button title="Video" class="fa fa-fw fa-film" data-name="bg_video_toggler_opt" t-att-data-dependencies="images_dependencies" data-toggle-bg-video="true" data-no-preview="true"/>
        </t>
    </xpath>
    <xpath expr="//t[@t-set='color_filter_dependencies']" position="after">
        <t t-set="color_filter_dependencies" t-valuef="#{color_filter_dependencies}, bg_video_toggler_opt"/>
    </xpath>
    <xpath expr="//div[@data-js='BackgroundOptimize']" position="after">
        <!-- Parallax -->
        <div data-js="Parallax" t-att-data-selector="selector" t-att-data-exclude="exclude" t-att-data-target="target">
            <we-select string="Parallax" class="o_we_sublevel_2" data-attribute-name="scrollBackgroundRatio" data-attribute-default-value="0" data-parallax-type-opt="true" data-no-preview="true" data-dependencies="bg_image_opt">
                <we-button data-name="parallax_none_opt" data-select-data-attribute="0">None</we-button>
                <we-button data-select-data-attribute="1">Fixed</we-button>
                <we-button data-name="parallax_top_opt" data-select-data-attribute="1.5">Bottom to Top</we-button>
                <we-button data-name="parallax_bottom_opt" data-select-data-attribute="-1.5">Top to Bottom</we-button>
            </we-select>
            <we-range string="Intensity" class="o_we_sublevel_3" data-dependencies="parallax_top_opt" data-select-data-attribute="" data-attribute-name="scrollBackgroundRatio" data-attribute-default-value="0" data-no-preview="true" data-min="0" data-max="3" data-step="0.15"/> <!-- Make sure this cannot land on 1 -->
            <we-range string="Intensity" class="o_we_sublevel_3" data-dependencies="parallax_bottom_opt" data-select-data-attribute="" data-attribute-name="scrollBackgroundRatio" data-attribute-default-value="0" data-no-preview="true" data-min="0" data-max="-3" data-step="0.15"/> <!-- Make sure this cannot land on 1 -->
        </div>
        <div data-js="BackgroundVideo" t-att-data-selector="selector" t-att-data-exclude="exclude" t-att-data-target="target">
            <we-row string="Video" class="o_we_sublevel_1">
                <we-videopicker title="Edit video" data-background="" data-name="bg_video_opt" data-dependencies="bg_video_opt"/>
            </we-row>
        </div>
    </xpath>
<xpath expr="." position="attributes"><attribute name="t-name">website.snippet_options_background_options</attribute></xpath></data>

