{{#with data}}
<div class="bs4--clearfix">
    <div class="bs4--border-bottom">
        <h3 id="{{@root/dom/divSimilarListingsLabel}}"
            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">
                Similar Listings
                <i id="{{@root/dom/spanSimilarListingsCollapseChevron}}" class="material-icons chevron pull-right" aria-hidden="true">expand_more</i>
            </span>
        </h3>
    </div>
    <div class="collapse" id="{{@root/dom/divSimilarListingsCollapse}}" >
        <div class="bs4--container main-container bs4--text-center bs4--pt-3">
            {{> hsLoadingGraphic}}
        </div>
    </div>
</div>
<div class="clearfix">
    <div class="bs4--border-bottom">
        <h3 id="{{@root/dom/divRecentListingsLabel}}" class="headline-4 bs4--my-0 text-black bs4--py-3">
            <span id="{{@root/dom/spanHeadingText}}" class="bs4--d-flex bs4--justify-content-between bs4--align-items-center">
                {{#compare transactionType.raw "==" 2}}
                Recently Rented
                {{else}}
                Recent Sales
                {{/compare}}
                <i id="{{@root/dom/spanRecentListingsCollapseChevron}}" class="material-icons chevron pull-right" aria-hidden="true">expand_more</i>
            </span>
        </h3>
    </div>
    <div class="collapse" id="{{@root/dom/divRecentListingsCollapse}}" >
        <div class="bs4--container main-container bs4--text-center bs4--pt-3">
            {{> hsLoadingGraphic}}
        </div>
    </div>
</div>
{{/with}}