{{#with data}}
<nav class="navbar navbar-default navbar-fixed-top border-bottom-grey navbar-search-header clearfix">
    <div class="bs4--container-fluid clearfix  ">
        <ul class="nav navbar-nav search-nav  bs4--mt-sm-2 bs4--mb-1 bs4-mb-sm-0 bs4--d-flex ">
            <li class="bs4--d-sm-block bs4--d-md-block bs4--btn-group bs4--border-right-0 search-type-btn-container ">
                <button id="{{@root/dom/btnForSale}}" class="bs4--btn bs4--btn-outline-gray-200 bs4--float-left search-type-btn paint-first-background paint-first-border paint-item-selectable" >For Sale</button>
                <button id="{{@root/dom/btnForRent}}" class="bs4--btn bs4--btn-outline-gray-200 bs4--float-left search-type-btn paint-first-highlight paint-first-border paint-item-selectable" >For Rent</button>
                {{#if currentUser.permissions.paidAgent}}
                <button id="{{@root/dom/btnAllHomes}}" class="bs4--btn bs4--btn-outline-gray-200 bs4--float-left search-type-btn paint-first-highlight paint-first-border paint-item-selectable" >All Homes</button>
                {{/if}}
            </li>
            <li id="{{@root/dom/liStatus}}" class="dropdown hidden-sm hidden-xs "></li>
            <li id="{{@root/dom/liPrice}}" class="dropdown hidden-sm hidden-xs"></li>
            <li id="{{@root/dom/liType}}" class="dropdown dropdown-check hidden-sm hidden-xs "></li>
            <li id="{{@root/dom/liBeds}}" class="dropdown hidden-sm hidden-xs bs4--border-right-0"></li>

            <li id="{{@root/dom/liAllHomesOption}}_0" class="dropdown hidden-sm hidden-xs hidden"></li>
            <li id="{{@root/dom/liAllHomesOption}}_1" class="dropdown hidden-sm hidden-xs hidden"></li>
            <li id="{{@root/dom/liAllHomesOption}}_2" class="dropdown hidden-sm hidden-xs hidden"></li>
            <li id="{{@root/dom/liAllHomesOption}}_3" class="dropdown hidden-sm hidden-xs hidden"></li>

            <li id="{{@root/dom/liCount}}" class="hidden text-grey search-filter-toggle bs4--border-0"></li>
			<li id="{{@root/dom/liFilter}}" class="search-filter-toggle pointer link-hs-blue bs4--border-left-0 ">
                <span class="align-bottom search-filter-toggle-text hs--btn-ghost paint-first-outline btn">
                    <span class="hidden-xs">More </span>Filter<span class="hidden-xs">s</span>
                    <span id="{{@root/dom/spanCount}}" class="hidden bs4--badge bs4--badge-primary paint-first-background paint-base-font"></span>
                </span>
			</li>
        </ul>
    </div>
</nav>
<div class="bs4--container-fluid clearfix" style="margin-top: 55px;"></div>
{{/with}}