Property Filter

<div class="property-filter property-filter--{{saleType}} property-filter--{{propertyType}}">
   <a href="#" class="property-filter__toggle-filters js-toggle-button">{{filterToggleText}}</a>

   <form class="property-filter__form js-filter-form">

      <div class="property-filter__filters js-filters">
         <div class="property-filter__reset-form-button-container">
            <a href="#" class="property-filter__reset-form-button js-reset-form">{{clearText}}</a>
         </div>

         <input type="hidden" name="propertyType" value="{{propertyType}}" />
         <input type="hidden" name="saleType" value="{{saleType}}" />
         <input type="hidden" name="isGlobal" value="{{isGlobal}}" />
         {{#each hiddenFilters}}
         <input type="hidden" name="{{name}}" value="{{value}}" />
         {{/each}}

         <div class="grid-x grid-padding-x property-filter__dropdowns-container">
            {{#each dropdownFilters}}
            <div class="cell property-filter__dropdown-container">
               {{> @dropdown }}
            </div>
            {{/each}}
            {{#if availabilityCheckbox}}
            <div class="cell property-filter__checkbox-container">
                <label for="{{availabilityCheckbox.id}}">
                    {{ availabilityCheckbox.title }}
                </label>
               {{> @checkbox name=availabilityCheckbox.name value=availabilityCheckbox.value label=availabilityCheckbox.text id=availabilityCheckbox.id}}
            </div>
            {{/if}}

         </div>

         {{#if amenitiesCheckboxList}}
         <div class="property-filter__amenities-section js-amenities-container">
            <div class="grid-x property-filter__amenities-container">
               <div class="cell">
                  <h3 class="property-filter__amenities-title">{{amenitiesTitle}}</h3>
               </div>
               {{#each amenitiesCheckboxList.checkboxes}}
               <div class="cell property-filter__amenity-container">
                  {{> @checkbox name=../amenitiesCheckboxList.name value=this.value label=this.text id=this.id}}
               </div>
               {{/each}}
            </div>
            <div class="property-filter__toggle-amenities-button-container">
               <a href='#' class="property-filter__toggle-amenities-button js-toggle-amenities"
                  data-hide-text="{{hideAmenitiesText}}"
                  data-show-text="{{showAmenitiesText}}">{{showAmenitiesText}}</a>
            </div>
         </div>
         {{/if}}
         <div class="grid-x grid-padding-x ">
            <div class="cell property-filter__buttons-container">
               <button class="property-filter__cancel-button js-cancel-button">{{cancelText}}</button>
               <button class="property-filter__submit-button js-submit-button" disabled>{{submitText}}</button>
            </div>
         </div>
      </div>
       {{#if introCopy}}
           <div class="property-filter__intro">
               {{> @rich-text introCopy}}
           </div>
       {{/if}}
      <div class="property-filter__results-and-order-by-container">
         <div class="property-filter__result-count js-result-count"></div>
         {{#if dataSourceCheckboxList}}
         <div class="property-filter__data-sources">
            {{#each dataSourceCheckboxList.checkboxes}}
            <div class="property-filter__data-source-container">
               {{> @checkbox name=../dataSourceCheckboxList.name value=value label=text id=id}}
            </div>
            {{/each}}
         </div>
         {{/if}}
         {{#if orderBy}}
         <div class="property-filter__order-by-container js-order-by-container">
            {{> @dropdown orderBy }}
         </div>
         {{/if}}
      </div>
   </form>

</div>