<div class="accommodation-filter filter-standard js-accommodation-filter">
    <div class="filter-standard__background">
        <div class="filter-standard__background-image">
            {{> @cp-medium-image backgroundResponsiveImage}}
            <div class="filter-standard__background-fade"></div>
        </div>
        <div class="filter-standard__content">
            <div class="grid-container">
                <div class="filter-standard__main-title">
                    {{title}}
                </div>
                <div class="filter-standard__subtitle">
                    {{subtitle}}
                </div>
                {{> @filter-controls}}
            </div>
            <div class="filter-standard__wrapper js-filters-container">
                <div class="grid-container">
                    <div class="filter-standard__container">
                        <div class="grid-x grid-margin-x">
                            <div class="cell medium-4 large-4">
                                {{> @cp-location-filter location}}
                            </div>
                            <div class="cell medium-8 large-8">
                                {{> @cp-accommodation-type-filter accommodationType}}
                                {{> @cp-accommodation-rating-filter rating}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>