{namespace vh=Newland\NeosViewHelpers\ViewHelpers}

<div
    class="tb-filter-wrapper"
    data-toubiz-results-list.filter-group>

    <button
        class="tb-button tb-button--secondary"
        data-toubiz-results-list.active-classes="tb-button--call-to-action"
        data-toubiz-results-list.inactive-classes="tb-button--secondary"
        data-toubiz-results-list.filter-list-target="#tb-results-filter-dropdown-{id}"
        data-toubiz-results-list.filter-group-toggle
        data-target-enhancement
        data-target-enhancement-plugins.0.name="toggle-aria-expanded"
        data-target-enhancement-targets.0="#tb-results-filter-dropdown-{id}"
        data-target-enhancement-exclusive-group="tb-results-filter-group"
        aria-expanded="false">

        <span class="tb-button__content-wrapper">
            <svg
                class="tb-icon tb-icon--left"
                aria-hidden="true"
                focusable="false">

                <use xlink:href="#icon-chevron-left"/>
            </svg>

            {title}

            <svg
                class="tb-icon tb-icon--right"
                aria-hidden="true"
                focusable="false">

                <use xlink:href="#icon-chevron-right"/>
            </svg>
        </span>
    </button>

    <div
        data-toubiz-results-list.filter-list
        id="tb-results-filter-dropdown-{id}"
        class="tb-results-filter__dropdown">

        <div class="tb-results-filter__dropdown-wrapper">
            {renderedItems -> f:format.raw()}
        </div>

        <div class="tb-results-filter__dropdown-bottom">
            <button
                disabled
                data-toubiz-results-list.filter-group-reset
                data-item-filter-reset
                class="tb-button tb-button--secondary-quiet">

                <f:translate id="action.reset" source="Views/Filter" package="Newland.NeosFiltering" />
            </button>

            <button
                disabled
                data-toubiz-results-list.filter-group-apply
                data-item-filter-reset
                class="tb-button tb-button--call-to-action">

                <f:translate id="action.apply" source="Views/Filter" package="Newland.NeosFiltering" />
            </button>
        </div>
    </div>

    <span
        data-toubiz-results-list.filter-group-backdrop
        class="tb-results-filter__backdrop">
    </span>
</div>
