<?xml version="1.0"?>
<t t-name="website.s_dynamic_snippet_options_template">
        <div t-attf-data-js="#{snippet_name}" t-attf-data-selector="#{snippet_selector}" data-no-preview="true">
            <we-select string="Filter" data-name="filter_opt" data-attribute-name="filterId" data-no-preview="true">
            </we-select>
            <we-select string="Template" data-name="template_opt" data-attribute-name="templateKey" data-no-preview="true">
            </we-select>
            <we-select string="Fetched Elements" data-name="number_of_records_opt" data-attribute-name="numberOfRecords" data-no-preview="true">
                <we-button t-foreach="range(1, 17)" t-as="value" t-att-data-select-data-attribute="value" t-esc="value"/>
            </we-select>
            <t t-out="0"/>
        </div>
        <div data-no-preview="true" t-attf-data-selector="#{snippet_selector}" data-target=".s_dynamic_snippet_title">
            <we-button-group string="Section Title">
                <we-button data-select-class="justify-content-between" title="Top">Top</we-button>
                <we-button data-select-class="s_dynamic_snippet_title_aside col-lg-3 justify-content-between flex-lg-column justify-content-lg-start" title="Left">Left</we-button>
                <we-button data-select-class="d-none" title="No title">None</we-button>
            </we-button-group>
            <div data-js="DynamicSnippetTitle" data-selector=".s_dynamic_snippet_title"/>
        </div>
    </t>
    