<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">

<t t-name="website.ParallaxOption">
    <BuilderRow t-if="isActiveItem('toggle_bg_image_id') and !isActiveItem('toggle_bg_video_id')" label.translate="Scroll Effect" level="2" preview="false">
        <BuilderSelect action="'setParallaxType'">
            <BuilderSelectItem actionValue="'none'">None</BuilderSelectItem>
            <BuilderSelectItem actionValue="'fixed'">Fixed</BuilderSelectItem>
            <BuilderSelectItem id="'parallax_top_opt'" actionValue="'top'">Parallax to Top</BuilderSelectItem>
            <BuilderSelectItem id="'parallax_bottom_opt'" actionValue="'bottom'">Parallax to Bottom</BuilderSelectItem>
            <BuilderSelectItem id="'parallax_zoom_in_opt'" actionValue="'zoomIn'">Zoom In</BuilderSelectItem>
            <BuilderSelectItem id="'parallax_zoom_out_opt'" actionValue="'zoomOut'">Zoom Out</BuilderSelectItem>
        </BuilderSelect>
    </BuilderRow>
    <BuilderContext preview="false">
        <BuilderRow t-if="isActiveItem('parallax_top_opt')" level="3" label.translate="Intensity">
            <BuilderRange
                dataAttributeAction="'scrollBackgroundRatio'"
                min="0.15"
                max="3"
                step="0.15"
            />
        </BuilderRow>
        <BuilderRow t-if="isActiveItem('parallax_bottom_opt')" level="3" label.translate="Intensity">
            <BuilderRange
                dataAttributeAction="'scrollBackgroundRatio'"
                min="-0.15"
                max="-3"
                step="0.15"
            />
        </BuilderRow>
        <BuilderRow t-if="isActiveItem('parallax_zoom_in_opt')" level="3" label.translate="Intensity">
            <BuilderRange
                dataAttributeAction="'scrollBackgroundRatio'"
                min="0.05"
                max="0.95"
                step="0.05"
            />
        </BuilderRow>
        <BuilderRow t-if="isActiveItem('parallax_zoom_out_opt')" level="3" label.translate="Intensity">
            <BuilderRange
                dataAttributeAction="'scrollBackgroundRatio'"
                min="0.15"
                max="3"
                step="0.15"
            />
        </BuilderRow>
    </BuilderContext>
</t>

</templates>
