{{#with data.notificationPreferenceItem}}
    <div class="bs4--py-3 bs4--clearfix bs4--row">
        <div class="bs4--col-12 {{#if @root/data/hasSMSOptions}}bs4--col-sm-6{{else}}bs4--col-sm-8{{/if}}">
            <h4 class="bs4--d-inline-block">{{name}}</h4>
            {{#compare this.id "===" 15}}
                {{#if @root/data/currentUser/registrationStatus/registered}}
            |  <button id="{{@root/dom/btnSavedSearches}}" class="bs4--border-0 bs4--bg-transparent text-hs-blue paint-first-font">Edit My Saved Searches</button>
                {{/if}}
            {{/compare}}
            <p class="bs4--text-gray-300 bs4--mb-0">{{description}}</p>
        </div>
        <!-- Email -->
        <div class="bs4--col-12 bs4--col-sm-2 bs4--text-center emailPreference">
            <div class="bs4--float-left bs4--d-block bs4--d-sm-none">Email</div>
            {{#with items.[0]}}
                {{#compare status "==" 0}}
                    {{#compare type_ "==" "HSNotificationPreferenceDeliveryMethodCheckboxItem"}}
                        <div id="{{@root/dom/divEmailCheckbox}}" class="bs4--d-flex bs4--h-100 bs4--align-items-center bs4--justify-content-center"></div>
                    {{else compare type_ "==" "HSNotificationPreferenceDeliveryMethodSingleSelectItem"}}
                        <div id="{{@root/dom/divEmailDropdown}}"></div>
                    {{else compare type_ "==" "HSNotificationPreferenceDeliveryMethodMultiSelectItem"}}
                        <div class="dash">&mdash;</div>
                    {{/compare}}
                {{else compare status "==" 1}}
                    <div class="dash">&mdash;</div>
                {{/compare}}
            {{/with}}
        </div>
        <!-- Push -->
        <div class="bs4--col-12 bs4--col-sm-2 bs4--text-center pushPreference">
            <div class="bs4--float-left bs4--d-block bs4--d-sm-none">Push</div>
            {{#with items.[1]}}
                {{#compare status "==" 0}}
                    {{#compare type_ "==" "HSNotificationPreferenceDeliveryMethodCheckboxItem"}}
                        <div id="{{@root/dom/divPushCheckbox}}" class="bs4--d-flex bs4--h-100 bs4--align-items-center bs4--justify-content-center"></div>
                    {{else compare type_ "==" "HSNotificationPreferenceDeliveryMethodSingleSelectItem"}}
                        <div id="{{@root/dom/divPushDropdown}}"></div>
                    {{else compare type_ "==" "HSNotificationPreferenceDeliveryMethodMultiSelectItem"}}
                        <div class="dash">&mdash;</div>
                    {{/compare}}
                {{else compare status "==" 1}}
                    <div class="dash">&mdash;</div>
                {{/compare}}
            {{/with}}
        </div>
        {{#if @root/data/hasSMSOptions}}
        <!-- SMS -->
        <div class="bs4--col-12 bs4--col-sm-2 bs4--text-center pushPreference">
            <div class="bs4--float-left bs4--d-block bs4--d-sm-none">SMS</div>
            {{#with items.[2]}}
                {{#compare status "==" 0}}
                    {{#compare type_ "==" "HSNotificationPreferenceDeliveryMethodCheckboxItem"}}
                        <div id="{{@root/dom/divSMSCheckbox}}" class="bs4--d-flex bs4--h-100 bs4--align-items-center bs4--justify-content-center"></div>
                    {{else compare type_ "==" "HSNotificationPreferenceDeliveryMethodMultiSelectItem"}}
                        <div class="dash">&mdash;</div>
                    {{/compare}}
                {{else compare status "==" 1}}
                    <div class="dash">&mdash;</div>
                {{/compare}}
            {{/with}}
        </div>
        {{/if}}
    </div>
{{/with}}