{{#with data}}
{{#if details}}
<div class="bs4--clearfix">
    <div class="bs4--border-bottom">
        <h3 id="{{@root/dom/divFeaturesLabel}}" class="headline-4 bs4--my-0 text-black bs4--py-3 theme-main-font">
            <span class="bs4--d-flex bs4--justify-content-between bs4--align-items-center">
                Features
                <i id="{{@root/dom/spanFeaturesCollapseChevron}}"
                    class="material-icons chevron pull-right" aria-hidden="true">expand_more</i>
            </span>
        </h3>
    </div>
    <div class="row collapse"
        id="{{@root/dom/divFeaturesCollapse}}">
        {{#each details}}
        <div class="col-xs-12 col-sm-6 grid-item grid-sizer">
            <div class="panel features-panel">
                <div class="panel-heading">
                    <h4 class="panel-title text-uppercase"><strong>{{name}}</strong></h4>
                </div>
                <div class="panel-body">
                    <ul class="features-list">
                        {{#each fields}}
                        <li>
							<strong>{{name}}:</strong>
                            {{#if dataType.url}}
                            <a href="{{value}}"
                                target="_blank"
                                class="link-hs-blue paint-first-font">
							{{#compare name "==" "Virtual Tour"~}}
                                {{~#if valueDisplay}}{{valueDisplay}}{{else}}Open Virtual Tour{{/if~}}
                                {{~else compare name "==" "Broker Page" ~}}
                                {{~#if valueDisplay}}{{valueDisplay}}{{else}}Open Broker Listing Page{{/if~}}
							{{~else compare valueDisplay "!=" ""~}}
							{{valueDisplay}}
							{{else}}
                                {{value}}
                                {{~/compare}}</a>
                            {{else if dataType.email}}
                            <a href="mailto:{{value}}"
                                class="link-hs-blue paint-first-font">{{value}}</a>
                            {{else if dataType.phone}}
                            <a href="tel:{{value}}"
                                class="link-hs-blue paint-first-font">{{value}}</a>
                            {{else}}
                            {{value}}
                            {{/if}}
                        </li>
                        {{/each}}
                    </ul>
                </div>
            </div>
        </div>
        {{/each}}
    </div>
</div>
{{/if}}
{{/with}}