{{#with data}}
<div data-theme-enabled="true" data-theme-component="property-address-item" data-theme-default="hswa">
{{#and item.latitude item.longitude}}
<span itemprop="geo" itemscope="" itemtype="https://schema.org/GeoCoordinates">
    <meta itemprop="latitude" content="{{item.latitude}}">
    <meta itemprop="longitude" content="{{item.longitude}}">
</span>
{{/and}}
{{#if item.primaryImage }}
<img {{#if puppeteer}}HSPuppeteer-{{/if}}src="{{item.primaryImage.listing}}" class="visible-print-block img-responsive" alt="{{item.address.fullStreetAddress}} {{item.address.city}},{{item.address.state}} {{item.address.zip}}" width="384" height="256" />
{{/if}}
<a id="{{@root/dom/aFrame}}" class="ps-r pa-item" {{#if openInNewTab}}target="_blank"{{/if}} data-font-size="{{fonts.size}}" data-font-setup="default">
<span class="pa-item-carousel-container" id="{{@root/dom/slyContainer}}">
    <ul id="{{@root/dom/ul}}" class="ma-0 pa-0 list-unstyled pa-item-list-pager">
        <li id="{{@root/dom/liPrimary}}" class="pull-left ps-r ma-0 pa-0 pa-item-primary-li">
            {{#if gradient}}
            <div class="hidden-print pa-item-gradient"></div>
            {{/if}}
            {{#if corner}}
            <div class="pa-item-corner" data-pin-name="{{item.propertyStatus.pinName}}"></div>
            {{/if}}
            {{#unless paging}}
            {{#or price buildingUnit}}
            <div class="pa-item-price{{#if showAddressAndPrice}} pa-item-paging-price{{/if}}">
                {{#if price}}
                <div data-font-setup="{{#compare item.transactionType.raw 1}}price.sale{{else}}price.rent{{/compare}}">{{item.price.short}}</div>
                {{/if}}
                {{#if buildingUnit}}
                <div class="font-14">{{buildingUnit}}</div>
                {{/if}}
            </div>
            {{/or}}
            {{/unless}}
            {{#if address}}
            <div class="pa-item-address">
                <span itemprop="address" itemscope="" itemtype="https://schema.org/PostalAddress">
                    <span itemprop="streetAddress">{{item.address.fullStreetAddress}}</span> <br />
                    {{~#if item.address.city}}<span itemprop="addressLocality">{{item.address.city}}, </span>{{/if~}}
                    {{~#if item.address.state}}<span itemprop="addressRegion">{{item.address.state}} </span>{{/if~}}
                    {{~#if item.address.zip}}<span itemprop="postalCode">{{item.address.zip}}</span>{{/if~}}
                </span>
            </div>
            {{/if}}
        </li>
    {{#if paging}}
        {{#each item.secondaryImages}}
        <li id="{{@root/dom/liSecondary}}_{{@index}}" class="pull-left ma-0 pa-0 ps-r full-height full-width pa-item-secondary-image"></li>
        {{/each}}
    {{/if}}
    {{#and (or paging buildingSummary)(compare placardVersion "!=" 2)}}
        <li data-pin-name="{{item.propertyStatus.pinName}}" class="pull-left ma-0 pa-0 ps-r full-height full-width pa-item-building-summary">
            <img id="{{@root/dom/imgFinal}}" data-pin-name="{{item.propertyStatus.pinName}}" class="pa-item-building-img" alt=""/>
            <div class="flex-center flex-justify-center full-width full-height text-white pa-10 pa-item-building-text">
                <div class="text-center pr-10 pl-10">
                    <div class="text-center mb-5">

                        {{#or units.total buildingSummary}}
                            <span data-font-setup="lead">{{units.total}} Total Units</span>
                        {{else}}
                            {{~#if item.price}}<span data-font-setup="lead">{{item.price.dollars}}</span>{{/if}}<br />
                            {{~#if item.propertyStatus}}<span class="small text-uppercase">{{{item.propertyStatus.text}}}</span>{{/if}}<br />
                        {{/or}}
                    </div>
                    {{#unless buildingSummary}}

                    {{~item.address.fullStreetAddress}} &bull; {{item.address.cityStateZip}}<br/>
                    {{~#if item.beds}}{{item.beds.string}} {{item.beds.label}}{{/if~}}
                    {{~#if item.baths}}
                        {{~#if item.beds}} &bull; {{/if~}}
                        {{{item.baths.string}}} {{item.baths.label}}
                    {{~/if~}}
                    {{~#if item.sqFt}}
                        {{~#or item.beds item.baths}} &bull; {{/or~}}
                        {{item.sqFt.string}} sq ft
                    {{~/if~}}
                    {{~#if item.yearBuilt}}
                        {{~#or item.beds item.baths item.sqFt}} &bull; {{/or~}}
                        Built {{item.yearBuilt}}
                    {{~/if~}}
                    {{~#if item.lotSize}}{{#and item.beds item.baths item.sqFt item.yearBuilt}}{{else}}
                        {{~#or item.beds item.baths item.sqFt item.yearBuilt}} &bull; {{/or~}}
                        {{item.lotSize.string}} {{item.lotSize.label}}
                    {{/and}}
                    {{/if~}}
                    {{/unless}}
                    <br/>
                    {{#if detailsButton}}
                    <div class="mt-15 pa-item-details-btn pv-5 ph-15" {{#if buildingSummary}}id="{{@root/dom/buildingPageLink}}"{{/if}}>Learn More</div>
                    {{/if}}
                </div>
            </div>
        </li>
    {{/and}}
    </ul>
    {{#or paging buildingSummary}}
    <i id="{{@root/dom/iPrevious}}" class="material-icons material-icons-by-content nextPrev slyDisabled image-slider-arrow image-slider-arrow-left pointer" aria-hidden="true"></i>
    <i id="{{@root/dom/iNext}}" class="material-icons material-icons-by-content nextPrev image-slider-arrow image-slider-arrow-right pointer" aria-hidden="true"></i>
    <ul class="pa-item-slider-pager mb-10 mh-0 pa-0 text-center hidden" id="{{@root/dom/ulSliderPager}}"></ul>
    {{/or}}

</span>

    {{#and (compare placardVersion "==" 2) item.price (compare buildingSummary "==" false) }}
    <div class="pa-item-paging-price" data-font-setup="{{#compare item.transactionType.raw 1}}price.sale{{else}}price.rent{{/compare}}">
        {{item.price.dollars}}
    </div>
    {{/and}}
    {{#if statusBar}}
    <div class="pa-item-status-bar-box clearfix">
        <div class="pa-item-status-bar-container" id="{{@root/dom/divStatusBar}}">
            <div>
                <div class="bs4--text-center bs4--text-uppercase bs4--position-absolute pa-item-status-bar bs4--text-nowrap" data-pin-name="{{item.propertyStatus.pinName}}">
                {{~{item.propertyStatus.text}~}}
                {{~#and item.listing.sListingStatus.contract item.listing.contractDate}} {{item.listing.contractDate.shortMonth}} {{item.listing.contractDate.day}}
                {{~else and item.listing.sListingStatus.sold item.listing.closeDate}} {{item.listing.closeDate.shortMonth}} {{item.listing.closeDate.day}}
                {{else}}
                    {{~#or item.attributes.mlsStatus.expired item.attributes.mlsStatus.canceled item.attributes.mlsStatus.withdrawn item.attributes.mlsStatus.hold}}
                        {{#if item.attributes.offMarketDate}}
                            {{item.attributes.offMarketDate.shortMonth}} {{item.attributes.offMarketDate.day}}
                        {{/if}}
                    {{/or~}}
                {{/and~}}
                </div>
            </div>
        </div>
        {{~#or item.listing.specialFeatures.contingent
        item.listing.specialFeatures.auction
        item.listing.specialFeatures.shortSale
        item.listing.specialFeatures.foreclosure
        ~}}
        {{!-- item.listing.specialFeatures.newHome --}}
        {{#with item.listing.specialFeatures ~}}
        <div class="pa-item-status-bar-container" id="{{@root/dom/divSecondaryStatusBar}}">
            <div>
                <div class="bs4--text-center bs4--text-uppercase pa-item-status-bar bs4--text-nowrap"
                    data-status-type="
                        {{~#if contingent~}}
                            contingent
                        {{~else if newHome~}}
                            new-home
                        {{~else~}}
                            other
                        {{~/if~}}
                        "
                    data-status-special-feature="
                            {{~#if contingent~}}
                            contingent
                            {{~else if shortSale~}}
                            short-sale
                            {{~else if auction~}}
                            auction
                            {{~else if foreclosure~}}
                            foreclosure
                            {{~else if newHome~}}
                            new-construction
                            {{~/if~}}
                    ">
                    {{~#if contingent~}}
                    Contingent
                    {{~else if shortSale~}}
                    Short Sale
                    {{~else if auction~}}
                    Auction
                    {{~else if foreclosure~}}
                    Foreclosure
                    {{~else if newHome~}}
                    New Construction
                    {{~/if~}}
                </div>
            </div>
        </div>
        {{~/with}}
        {{/or}}
        {{#or likelihoodStatus secondaryBanner ~}}
        <div class="pa-item-status-bar-container" id="{{@root/dom/divLikelihoodStatusBar}}">
            <div>
                <div class="bs4--text-center bs4--text-uppercase pa-item-status-bar bs4--text-nowrap {{likelihoodStatus.customClass}}">{{likelihoodStatus.title}}</div>
            </div>
        </div>
        {{/or}}
    </div>
    {{/if}}
    {{#if paging}}
    <div id="{{@root/dom/divOverlay}}" class="text-white pa-item-overlay full-width">
        {{#if gradient}}
        <div class="pa-item-overlay-gradient full-width"></div>
        {{/if}}
        <div class="pl-10 pb-5 bs4--d-flex bs4--flex-column pa-item-overlay-text">
            {{#and item.price (compare placardVersion "!==" 2)}}
                <div class="pa-item-paging-price" data-font-setup="{{#compare item.transactionType.raw 1}}price.sale{{else}}price.rent{{/compare}}">
                    {{item.price.short}}
                </div>
            {{/and}}
            <div class="pa-address-item bs4--d-flex bs4--justify-content-between {{#compare placardVersion "!==" 2}}bs4--align-items-end{{/compare}}">
                <span itemprop="address" itemscope="" itemtype="https://schema.org/PostalAddress">
                    <span itemprop="streetAddress">{{item.address.fullStreetAddress}}</span> <br />
                    <span class="small text-uppercase">
                        {{~#if item.address.city}}<span itemprop="addressLocality">{{item.address.city}}, </span>{{/if~}}
                        {{~#if item.address.state}}<span itemprop="addressRegion">{{item.address.state}} </span>{{/if~}}
                        {{~#if item.address.zip}}<span itemprop="postalCode">{{item.address.zip}}</span>{{/if~}}
                    </span>
                </span>
                {{#if units.total}}<span class="bs4--pr-2 pa-item-unit-count">{{units.total}} Units</span>{{/if}}
                {{#and item.listing.attribution (compare placardVersion "==" 2) }}
                <div class="font-12 bs4--text-gray-300 listing-attribution">
                    {{item.listing.attribution}}
                </div>
                {{/and}}
            </div>
        </div>
        <div class="pa-item-overlay-text pa-item-key-stats">
            {{#each keyStats}}
            <div class="{{#compare @root/data/placardVersion "!==" 2}}bs4--text-center ml-10{{/compare}} bs4--float-left" title="{{{this.value}}} {{{this.label}}}">
                <span data-font-setup="lead">{{{this.value}}}</span>
                {{#compare @root/data/placardVersion "!==" 2}} <br/> {{/compare}}
                <span class="small text-uppercase">{{this.label}}</span>
                {{~#unless @last~}}
                {{~#compare @root/data/placardVersion "==" 2}}&nbsp;&bull;&nbsp;{{/compare~}}
                {{~/unless~}}
            </div>
            {{/each}}
        </div>
    </div>
    {{/if}}
    {{#if buildingSummary}}
    <div id="{{@root/dom/divOverlay}}" data-on-map="{{@root/data/onMap}}" class="text-white pa-item-overlay pa-item-building-summary full-width">
        {{#if gradient}}
        <div class="pa-item-overlay-gradient full-width"></div>
        {{/if}}
        <div class="pl-10 pb-5 bs4--position-relative bs4--d-flex {{#and (compare @root/data/placardVersion "==" 2)(compare @root/data/onMap "==" true) }}bs4--flex-row{{else}}bs4--flex-column {{/and}} pa-item-overlay-text">
            {{#and units.listings (compare @root/data/placardVersion "!==" 2)}}
            <span class="font-20 bs4--pb-1">{{units.listings}} Listings</span>
            {{/and}}
            <div class="pa-address-item bs4--d-flex {{#compare @root/data/placardVersion "==" 2}}{{#if @root/data/onMap}}bs4--flex-row bs4--flex-wrap{{else}}bs4--flex-column{{/if}}{{else}}bs4--justify-content-between bs4--align-items-end {{/compare}}">
                <span itemprop="address" itemscope="" itemtype="https://schema.org/PostalAddress">
                    <span itemprop="streetAddress">{{#if units.total}}{{item.address.fullStreetAddressWithoutUnit}}{{else}}{{item.address.fullStreetAddress}}{{/if}}</span> <br />
                    <span class="small bs4--text-uppercase">
                        {{~#if item.address.city}}<span itemprop="addressLocality">{{item.address.city}}, </span>{{/if~}}
                        {{~#if item.address.state}}<span itemprop="addressRegion">{{item.address.state}} </span>{{/if~}}
                        {{~#if item.address.zip}}<span itemprop="postalCode">{{item.address.zip}}</span>{{/if~}}
                    </span>
                </span>
                {{#and units.listings (compare @root/data/placardVersion "==" 2)}}
                <span class="font-20 bs4--pb-1 pa-item-listing-count">
                    {{units.listings}} Listings
                    {{#and units.total (compare @root/data/placardVersion "==" 2)}} | {{/and}}
                </span>
                {{/and}}
                {{#if units.total}}
                <span class="bs4--pr-2 pa-item-unit-count">
                    {{units.total}} Units
                </span>
                {{/if}}
            </div>
        </div>
    </div>
    {{/if}}
    {{#if showFavoriteIcon}}
    <div class="full-width pa-item-favorite-overlay-gradient">
        <span id="{{@root/dom/spanFavorite}}" class="text-white pa-item-favorite"></span>
    </div>
    {{/if}}
    {{#compare placardVersion "==" 2 }}
    <div id="{{@root/dom/divIDXLogo}}" class="bs4--d-none"></div>
    {{/compare}}
</a>
{{#if singleFamilyResidence}}
	<script type="application/ld+json">
    {{#if item.listing.openHouse}}[{{/if}}
    {
		"@context":"https://schema.org",
		"@type":"SingleFamilyResidence",
		"address": {
			"@type": "PostalAddress",
			"@context":"https://schema.org",
			"streetAddress": "{{item.address.fullStreetAddress}}",
			"addressLocality": "{{item.address.city}}",
			"addressRegion": "{{item.address.state}}",
			"addressCountry": "USA",
			"postalCode": "{{item.address.zip}}"
		},
		{{#if item.primaryImage}}
		"photo": {
			"@type": "ImageObject",
			"url": "{{item.primaryImage.large}}"
        },
        {{/if}}
		"geo": {
			"@type": "GeoCoordinates",
			"latitude": "{{item.longitude}}",
			"longitude": "{{item.longitude}}"
		},
		"description": "{{item.remarks}}",
		"name": "{{item.address.fullStreetAddress}}, {{item.address.cityStateZip}}",
		"url": "{{@root/data/siteRootUrl}}{{item.url}}"
    }
        {{#if item.listing.openHouse}}
	,{
            "@context": "https://schema.org",
            "@type": "Event",
            "name": "Open House {{item.listing.openHouse.times}}",
            "description": "{{item.remarks}}",
            "url": "{{@root/data/siteRootUrl}}{{item.url}}",
            {{#if item.primaryImage}}
            "image":
            [
                {{#if item.primaryImage.large}}"{{item.primaryImage.large}}"{{/if}}
                {{#each item.secondaryImages}}
                ,"{{listing}}"
                {{/each}}
            ],
            {{/if}}
            "startDate": "{{item.listing.openHouse.startDateString}}",
            {{#if item.price}}
            "offers": {
                "@type": "Offer",
                "@id": "{{@root/data/siteRootUrl}}{{item.url}}",
                "image":
                [
                    {{#if  item.primaryImage.large}}"{{ item.primaryImage.large}}"{{/if}}
                    {{#each item.secondaryImages}}
                    ,"{{listing}}"
                    {{/each}}
                ],
                "url": "{{@root/data/siteRootUrl}}{{item.url}}",
                "description": "{{item.remarks}}",
                "price": "{{item.price.raw}}",
                "priceCurrency": "USD",
                "BusinessFunction": "https://purl.org/goodrelations/v1#{{#if item.transactionType.forSale}}Sell{{else if item.transactionType.forRent}}LeaseOut{{/if}}"
            },
            {{/if}}
            {{#with item.address}}
            "location": {
                "@type": "Place",
                "name": "{{fullStreetAddress}}",
                "address": {
                    "@type": "PostalAddress",
                    "addressCountry": "USA",
                    "addressLocality": "{{city}}",
                    "addressRegion": "{{state}}",
                    "postalCode": "{{zip}}",
                    "streetAddress": "{{fullStreetAddress}}"
                }
            }
            {{/with}}
        }
        {{/if}}
        {{#if item.listing.openHouse}}]{{/if}}
	</script>
{{/if}}
</div>
{{/with}}