{{#with data}}
{{#with pivotedAreas}}
<div class="bs4--row">
    <div class="bs4--col-12">
        <div class="bs4--border-bottom">
            <h3 class="headline-4 bs4--my-0 text-black bs4--py-3">
                <span class="headers theme-main-font">Nearby Areas</span>
            </h3>
        </div>
    </div>
</div>
<div class="bs4--card-body bs4--pt-5">
    <div class="bs4--row">
        {{#compare neighborhoods.length ">" 0}}
        <div class="bs4--col-12 bs4--col-sm-4">
            <p class="bs4--mb-0"><strong>Neighborhoods</strong></p>
            <ul class="list-unstyled pl-0 small">
                {{#each neighborhoods}}
                <li><a id="{{@root/dom/aNeighborhoodsAreas}}_{{@index}}" data-index="{{@index}}"
                        data-type="{{areaTypeID}}" class="pointer text-black">{{name}}</a></li>
                {{/each}}
            </ul>
        </div>
        {{/compare}}
        {{#compare zipCodes.length ">" 0}}
        <div class="bs4--col-12 bs4--col-sm-4">
            <p class="bs4--mb-0"><strong>Zip Codes</strong></p>
            <ul class="list-unstyled pl-0 small">
                {{#each zipCodes}}
                <li><a id="{{@root/dom/aZipAreas}}_{{@index}}" data-index="{{@index}}" data-type="{{areaTypeID}}"
                        class="pointer text-black">{{name}}</a></li>
                {{/each}}
            </ul>
        </div>
        {{/compare}}
        {{#compare metroAreas.length ">" 0}}
        <div class="bs4--col-12 bs4--col-sm-4">
            <p class="bs4--mb-0"><strong>Metro Areas/Counties</strong></p>
            <ul class="list-unstyled pl-0 small">
                {{#each metroAreas}}
                <li><a id="{{@root/dom/aMetroAreas}}_{{@index}}" data-index="{{@index}}" data-type="{{areaTypeID}}"
                        class="pointer text-black">{{name}}</a></li>

                {{/each}}
            </ul>
        </div>
        {{/compare}}
    </div>
    {{/with}}
    {{#if propertyAddressItem.building}}
    {{#with propertyAddressItem}}
    <div class="bs4--row">
        <div class="bs4--col-12">
            <p class="small text-grey">
                {{address.fullStreetAddressWithoutUnit}} is a building{{#if propertyCount.commas}} with
                {{propertyCount.commas}} units{{/if}}{{#if yearBuilt}} that was built in {{yearBuilt}}{{/if}}.
                {{#if averageValue}}On average, a unit in this building is worth {{averageValue.dollars}} and is
                {{averageSqFt.string}} square feet. Unit values vary in this building, ranging from
                {{averageValueLow.dollars}} to {{averageValueHigh.dollars}}.{{/if}}
                {{#if schools.length}}
                This property is situated in {{schools.0.district.name}} district, which has {{schools.length}} schools
                in its vicinity. Nearby schools include
                {{#each schools}}
                {{#compare (math @index "+" 1) "==" ../schools.length}}and {{/compare}}
                {{this.name}}, which has {{this.studentCount.commas}}
                students{{#compare (math @index "+" 1) "==" ../schools.length}}.{{else}};{{/compare}}
                {{/each}}
                The schools in {{schools.0.district.name}} district range from grades {{schools.0.district.gradeRange}}.
                {{/if}}
            </p>
        </div>
    </div>
    {{/with}}
    {{/if}}
    {{#compare propertyAddressItem.type_ "!=" "HSPropertyAddressDetail"}}
    {{#unless propertyAddressItem.listingID}}
    {{!-- <!-- just for properties HSPropertyDetail  --> --}}
    <div class="bs4--row">
        <div class="bs4--col-12">
            {{#with propertyAddressItem}}
            {{#compare mappedSPropertyType "!=" null}}
            <p class="small text-grey">
                {{address.fullStreetAddressWithoutUnit}} is
                a {{style}}
                {{#if sPropertyType2}}
                {{#compare sPropertyType2.raw "==" 1 }}
                detached home
                {{else compare sPropertyType2.raw "==" 2}}
                townhome
                {{else compare sPropertyType2.raw "==" 4 }}
                condo
                {{else}}
                home
                {{/compare}}
                {{else}}
                {{#compare mappedSPropertyType "==" 1 }}
                detached home
                {{else compare mappedSPropertyType "==" 2}}
                townhome
                {{else compare mappedSPropertyType "==" 4 }}
                condo
                {{else}}
                home
                {{/compare}}
                {{/if}}
                {{#if yearBuilt}}
                that was built in {{yearBuilt}}{{/if}}. {{#if exterior}} This property has a(n) <span
                    class="bs4--text-lowercase">{{exterior}}</span> exterior.{{/if}}

                {{#if beds}}
                It also has {{beds.string}} bedroom{{#compare beds.raw ">" 1}}s{{/compare}}
                {{#if baths}}{{#unless fireplaces}} and {{else}}, {{/unless}}{{baths.raw.full}}
                bathroom{{#compare baths.raw.full ">" 1}}s{{/compare}}{{/if}}
                {{#if fireplaces}}as well as {{fireplaces}} fireplaces{{/if}}.
                {{/if}}

                {{#if sqFt}}
                In terms of size, this property has {{sqFt.string}} square feet of living space{{#if lotSize.string}}
                and sits on {{lotSize.string}} acres{{/if}}.
                {{/if}}

                {{#if lastSaleDate}}
                This home was last sold on {{lastSaleDate.formattedDate}}{{#if lastSalePrice}} for
                {{lastSalePrice.dollars}}{{/if}}.
                {{/if}}

                {{#if schools.length}}
                This property is situated in {{schools.0.district.name}} district, which has {{schools.length}} schools
                in its vicinity. Nearby schools include
                {{#each schools}}
                {{#compare (math @index "+" 1) "==" ../schools.length}}and {{/compare}}
                {{this.name}}, which has {{this.studentCount.commas}}
                students{{#compare (math @index "+" 1) "==" ../schools.length}}.{{else}};{{/compare}}
                {{/each}}
                The schools in {{schools.0.district.name}} district range from grades {{schools.0.district.gradeRange}}.
                {{/if}}


                {{#or value taxEst}}
                Right now, the property has{{#if value}} an estimated value of {{value.dollars}}{{#if taxEst}} and
                {{/if}}{{/if}}{{#if taxEst}} yearly taxes of {{taxEst.dollars}}{{/if}}.
                {{/or}}
            </p>
            {{/compare}}
            {{/with}}
        </div>
    </div>
</div>
{{/unless}}
{{/compare}}
{{/with}}