<div class="trip-ideas-filter js-filters" data-type-param-name="{{typeParamName}}">
    <template class="js-tag-template">
        <div class="trip-ideas-filter__tag js-trip-filter-tag">
            <a href='#' class="trip-ideas-filter__close-icon js-remove-trip-filter-tag"></a>
        </div>
    </template>
    <div class="grid-container">
        <div class="trip-ideas-filter__controls">
            <a href="#" class="trip-ideas-filter__toggle js-trip-filter-toggle">
                <span>{{toggleTitle}}</span>
                <span>{{toggleActiveTitle}}</span>
            </a>
            <div class="trip-ideas-filter__results js-total-results">
            </div>
            <div class="trip-ideas-filter__tags-wrapper js-trip-filter-tags">
            </div>
        </div>
        <div class="trip-ideas-filter__options-container">
            <h2 class="trip-ideas-filter__title">{{title}}</h2>
            <div class="trip-ideas-filter__options-wrapper js-trip-filter-options">
                {{#each options}}
                    <div class="trip-ideas-filter__option js-trip-filter-option" data-type="{{value}}">
                        <div class="trip-ideas-filter__option-icon">
                            {{{icon}}}
                        </div>
                        <div class="trip-ideas-filter__option-title js-option-title">
                            {{title}}
                        </div>
                    </div>
                {{/each}}
            </div>
            <div class="trip-ideas-filter__checkbox js-reset-filter">
                <input type="checkbox" id="trip-idea-grid-filter-clear"/>
                <label for="trip-idea-grid-filter-clear">{{checkboxTitle}}</label>
            </div>
        </div>
    </div>
</div>