{{#with data}}
<div id="{{@root/dom/divSchema}}"></div>
{{#if actionBar}}
<nav class="navbar navbar-default navbar-fixed-top action-bar-container">
    <div id="{{@root/dom/divActionBar}}" class="container">
        <!--Action Bar-->
    </div>
</nav>
<div class="container-fluid" style="margin-top: 40px;"></div>
{{/if}}
<div id="{{@root/dom/divHeader}}" class="ps-r"></div>
<div class="pb-15">

    <div class="container">
        {{#with propertyAddressItem}}
        <div class="bs4--row flex-row-container bs4--flex-wrap bs4--wrap-md-nowrap">
            <div class="col-lg-8 col-md-7 col-xs-12 flex-column-container">
                <div id="{{@root/dom/divListingBroker}}"></div>
                <div id="{{@root/dom/divBreadCrumbs}}" class="search-breadcrumbs-container"></div>
                <div id="{{@root/dom/listingMediaCircles}}"></div>
                {{#if @root/data/badges}}
                <div id="{{@root/dom/divBadges}}"></div>
                {{/if}}
                <div class="row bs4--py-2">
                    {{#if propertyCount}}
                    <div
                        class="bs4--d-none bs4--d-sm-block col-xs-12 col-sm-4 col-sm-push-8 col-md-5 col-md-push-7 col-lg-4 col-lg-push-8 property-header-units text-right headline-3 bs4--font-weight-bold">
                        {{propertyCount.commas}} Units</div>
                    {{else if price}}
                    <div
                        class="col-xs-12 col-sm-4 col-sm-push-8 col-md-5 col-md-push-7 col-lg-4 col-lg-push-8 text-right pt-20">
                        {{#and listing transactionType.forSale}}
                        <div class="property-header-est-mortgage text-light small">Est. Mortgage: <span
                                class="text-black pointer" id="{{@root/dom/spanEstMortgage}}"></span>
                        </div>
                        {{/and}}
                        <div class="property-header-price theme-main-font" id="{{@root/dom/divPriceContainer}}"
                            {{#if listing.sListingStatus.active}}style="color: #00b100;" {{/if}}>
                            {{price.dollars}}</div>
                        {{#if listing}}
                        <div id="{{@root/dom/divListingHistoryCapsule}}" class="price-history text-black pt-5"></div>
                        {{/if}}
                    </div>
                    {{/if}}
                    <div
                        class="bs4--d-none bs4--d-sm-block col-xs-12 col-sm-8 col-md-7 col-lg-8 {{#or propertyCount price}}col-sm-pull-4 col-md-pull-5 col-lg-pull-4 {{/or}}property-header-address">
                        <h1 class="bs4--d-flex bs4--flex-column bs4--m-0">
                            {{#if propertyCount}}
                            <span class="headline-3 bs4--font-weight-bold bs4--pb-2">Residential
                                Building</span>
                            {{/if}}
                            <span class="font-24 bs4--font-weight-normal">{{address.fullStreetAddress}}</span>
                            <span class="font-24 bs4--font-weight-normal">{{address.cityStateZip}}</span>
                        </h1>
                    </div>
                </div>
                <div id="{{@root/dom/divPropertyCommuteTimes}}"></div>
                {{#if @root/data/searchMatches}}
                <div class="bs4--row">
                    <div class="bs4--col-12">
                        <div class="bs4--card bs4--mt-7 bs4--border-0">
                            <div class="bs4--card-header">
                                <h3 class="headline-4 bs4--my-0">Matches your Search</h3>
                            </div>
                            <div class="bs4--card-body bs4--pt-5" id="{{@root/dom/buildingSearchMatches}}">
                            </div>
                        </div>
                    </div>
                </div>
                {{/if}}
                <div class="row">
                    <div class="key-stats-container " id="{{@root/dom/divKeyStats}}"
                        style="border-color: #{{propertyStatus.pinHex}}">
                        {{#unless address.unitNumber}}
                        {{#compare unitCount.raw ">" 1}}
                        <span class="text-center">
                            <span class="theme-main-font">{{unitCount.commas}}</span>
                            <span class="key-stats-label text-uppercase">Units</span>
                        </span>
                        {{/compare}}
                        {{/unless}}
                        {{#if beds}}
                        <span class="text-center">
                            <span class="theme-main-font">{{beds.string}}</span>
                            <span class="key-stats-label text-uppercase">{{beds.label}}</span>
                        </span>
                        {{/if}}
                        {{#if baths}}
                        <span class="text-center">
                            <span class="theme-main-font">{{{baths.string}}}</span>
                            <span class="key-stats-label text-uppercase">{{baths.label}} </span>
                        </span>
                        {{/if}}
                        {{#unless address.unitNumber}}
                        {{#if lotSize}}
                        <span class="text-center">
                            <span class="theme-main-font">{{lotSize.string}}</span>
                            <span class="key-stats-label text-uppercase">{{lotSize.label}}</span>
                        </span>
                        {{/if}}
                        {{/unless}}
                        {{#if sqFt}}
                        <span class="text-center">
                            <span class="theme-main-font">{{sqFt.string}}</span>
                            <span class="key-stats-label text-uppercase">SQ FT</span>
                        </span>
                        {{/if}}
                        {{#if yearBuilt}}
                        <span class="text-center{{#and beds baths lotSize sqFt}} hidden-md{{/and}}">
                            <span class="theme-main-font">{{yearBuilt}}</span>
                            <span class="key-stats-label text-uppercase">Year Built</span>
                        </span>
                        {{/if}}
                    </div>

                </div>
                <div class="row" id="{{@root/dom/divDetails}}">
                    <!--Details-->
                    <div class="container main-container text-center col-xs-12" id="{{@root/dom/divThrobber}}">
                        <div class="text-center pt-15">
                            {{> hsLoadingGraphic}}
                        </div>
                    </div>
                    <div id="{{@root/dom/divMobileConversations}}" class="col-xs-12"></div>
                    <div id="{{@root/dom/divMobileActionsContainer}}" class="col-xs-12"></div>
                    <div id="{{@root/dom/divListingRemarks}}" class="col-xs-12"></div>
                    <div id="{{@root/dom/divPropertyAmenities}}" class="col-xs-12 bs4--d-none"></div>
                    <div id="{{@root/dom/divPropertySummary}}" class="col-xs-12"></div>
                    <div id="{{@root/dom/divUnits}}" class="col-xs-12"></div>
                    <div id="{{@root/dom/divAnalysis}}" class="col-xs-12"></div>
                    <div id="{{@root/dom/divMobileAgents}}" class="col-xs-12"></div>
                    <div id="{{@root/dom/divOpenHouses}}" class="col-xs-12"></div>
                    <div class="col-xs-12 hidden" id="{{@root/dom/listingMediaCardsContainer}}">
                        <div class="row">
                            <div class="col-xs-12 ">
                                <div class="bs4--card bs4--mt-7 bs4--border-0">
                                    <div class="bs4--card-header">
                                        <h3 class="headline-4 bs4--my-0">
                                            {{#if listing}}Listing{{else if propertyID}}Property{{else}}Building{{/if}}
                                            Media</h3>
                                    </div>
                                    <div id="{{@root/dom/listingMediaCards}}" class="hs-listing-media"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12" id="{{@root/dom/divCollapses}}"></div>
                </div>
            </div>
            <div id="{{@root/dom/divSideBar}}"
                class="col-lg-4 col-md-5 col-xs-12 property-sidebar flex-column-container "></div>
        </div>
        {{/with}}
        <div class="bs4--row">
            <div id="{{@root/dom/divNearByAreas}}" class="bs4--col-12 bs4--col-md-7 bs4--col-lg-8"></div>
        </div>
        <div class="bs4--row">
            <div id="{{@root/dom/divListingDisclaimer}}" class="bs4--col-12 bs4--col-md-7 bs4--col-lg-8"></div>
        </div>
        <div class="bs4--row">
			<div id="{{@root/dom/divSchoolDisclaimer}}" class="bs4--col-12 bs4--col-md-7 bs4--col-lg-8"></div>
		</div>
        {{#if propertyAddressItem.propertyID}}
        <div class="bs4--row">
            <div class="bs4--col-12 bs4--col-md-7 bs4--col-lg-8">
                <p class="bs4--card-footer bs4--pb-1 bs4--text-gray-300 font-12">
                    All information listed is assumed to be accurate, but is subject to inaccuracies of our data sources.
                    <button class="bs4--bg-transparent bs4--border-0 bs4--px-0 font-12 link-hs-blue paint-first-font" id="{{@root/dom/btnSuggestEdit}}">Suggest An Edit</button>
                </p>
            </div>
        </div>
        {{/if}}
    </div>
</div>
{{/with}}