{{#with data}}


<a id="{{@root/dom/aOption}}" href="#">
    <div class="form-group mv-0 ps-r">
        {{{markerCode}}}
        <span id="{{@root/dom/spanLabel}}">{{label}}</span>
        {{#if proBadge}}
        <span class="badge pro-badge ml-10">PRO</span>
        {{/if}}
        <input type="checkbox" value="{{value}}" class="hs-switch-input" tabindex="0" id="{{@root/dom/inputOption}}" {{#if isToggledOn}}checked="checked"{{/if}}>
        <label for="{{@root/dom/inputOption}}" class="hs-switch-label hs-switch-label-sm text-light pull-right mt-10 ml-20" ><span class="sr-only">{{label}}</span></label>
    </div>
</a>
{{#if showContingent}}
<ul class="list-unstyled collapse" id="{{@root/dom/ulContingent}}">
    <li>
        <a id="{{@root/dom/aContingent}}" href="#" class="text-black">
            <div class="checkbox checkbox-primary mv-0 pv-5 checkbox-right search-header-contingent">
                <input name="contingent" type="checkbox" value="2" id="{{@root/dom/inputContingent}}">
                <label for="{{@root/dom/inputContingent}}" class="full-width search-header-contingent-label ">Contingent / Pending</label>
            </div>
        </a>
    </li>
</ul>
{{/if}}
{{#if isOffMarket}}
<ul class="list-unstyled collapse {{#if isToggledOn}}in{{/if}}" id="{{@root/dom/ulOffMarket}}">
    {{#each offMarketOptions}}

    <li id="{{@root/dom/liOffMarketOption}}_{{@index}}" >
        <a id="{{@root/dom/aOffMarket}}_{{@index}}" href="#" data-index="{{@index}}" class="text-black">
            <div class="checkbox checkbox-primary mv-0 pv-5 checkbox-right search-header-off-market">
                <input name="{{this.label}}" type="checkbox" value="{{this.value}}" id="{{@root/dom/inputOffMarket}}_{{@index}}">
                <label for="{{@root/dom/inputOffMarket}}_{{@index}}" class="full-width search-header-off-market-label ">{{this.label}}</label>
            </div>
        </a>
    </li>
    {{/each}}

</ul>
{{/if}}
{{#if showDatePicker}}
<div id="{{@root/dom/divStatusDates}}" class="collapse {{#unless isToggledOn}}in{{/unless}}">
    <ul class="list-unstyled" id="{{@root/dom/ulDateOptions}}">
    {{#each dateOptions}}
        <li id="{{@root/dom/liDateOption}}_{{@index}}" >
            <a id="{{@root/dom/aDateOption}}_{{@index}}" data-index="{{@index}}" href="#" class="text-black">
                <div class="radio radio-primary mv-0 pv-5 radio-right search-header-open-date ">
                    <input name="{{#compare @root/data/value "==" 256}}{{#compare @root/data/transactionType "==" 2}}rentalAgentOpenHouseDate{{else}}agentOpenHouseDate{{/compare}}{{else}}{{#compare @root/data/transactionType "==" 2}}rentalOpenHouseDate{{else}}openHouseDate{{/compare}}{{/compare}}" type="radio" value="{{this.value}}" id="{{@root/dom/inputDateOption}}_{{@index}}">
                    <label for="{{@root/dom/inputDateOption}}_{{@index}}" class="full-width search-header-open-date-label">{{this.label}}</label>
                </div>
            </a>

        </li>
    {{/each}}
    </ul>
</div>
{{/if}}
{{/with}}