{{#with data.entityDetails}}
    {{#or MLSRole.agent MLSRole.broker}}
        <script type="application/ld+json">
	[
	{
		"@context": "http://schema.org",
		"@type": "WebPage",
		"name": "{{name.full}} Real Estate {{#if MLSRole.agent}}Agent{{else}}Broker{{/if}} near {{agentDetails.office.city}}, {{agentDetails.office.state}}",
		"description": "Connect with {{agentDetails.office.city}}, {{agentDetails.office.state}} realtor {{name.full}} on {{@root/data/coStarBrand/name}} and find your dream home today."
	},
	{
		"@context": "http://schema.org",
		"@type": "LocalBusiness",
		"name": "{{name.full}}",
		"brand": "{{agentDetails.brokerage}}",
		"image": "https:{{profileImage.large}}",
		"telephone": "{{phone.withParentheses}}",
		"url": "{{@root/data/mainRootUrl}}/{{agentDetails.urlName}}",
		"address":
		{
			"@type": "PostalAddress",
			"streetAddress": "{{agentDetails.office.fullStreetAddress}}",
			"addressLocality": "{{agentDetails.office.city}}",
			"addressRegion": "{{agentDetails.office.state}}",
			"postalCode": "{{agentDetails.office.zip}}"
		}
	},
	{
		"@context": "http://schema.org",
		"@type": "Person",
		"name": "{{name.full}}",
		"telephone": "{{phone.withParentheses}}",
		"url": "{{@root/data/mainRootUrl}}/{{agentDetails.urlName}}",
		"address": {
			"@type": "PostalAddress",
			"streetAddress": "{{agentDetails.office.fullStreetAddress}}",
			"addressLocality": "{{agentDetails.office.city}}",
			"addressRegion": "{{agentDetails.office.state}}",
			"postalCode": "{{agentDetails.office.zip}}"
		},
		"worksFor": {
			"@type": "Organization",
			"name": "{{agentDetails.brokerage}}"
		},
		"brand": "{{agentDetails.brokerage}}"
	},
	{
		"@context": "http://schema.org",
		"@type": "RealEstateAgent",
		"name": "{{name.full}}",
		"image": "https:{{profileImage.large}}",
		"areaServed": "{{agentDetails.office.city}}, {{agentDetails.office.state}}",
		"telephone": "{{phone.withParentheses}}",
		"url": "{{@root/data/mainRootUrl}}/{{agentDetails.urlName}}",
		"address":
		{
			"@type": "PostalAddress",
			"streetAddress": "{{agentDetails.office.fullStreetAddress}}",
			"addressLocality": "{{agentDetails.office.city}}",
			"addressRegion": "{{agentDetails.office.state}}",
			"postalCode": "{{agentDetails.office.zip}}"
		},
		"memberOf": {
			"@type": "Organization",
			"legalName": "{{agentDetails.brokerage}}"
		}
	}
	]
</script>
    {{/or}}
    <div class="bs4--bg-gray-100 entity-page-container" itemtype="http://schema.org/ProfilePage" itemscope="" >
        <div class="container-fluid entity-wallpaper" style="background-image:url({{backgroundImageUrl.medium}});">
        </div>
        <div class="container main-container entity-main-container">
            <div class="bs4--row">
                <div class="bs4--col-12">
                    <div class="bs4--card bs4--flex-sm-row bs4--flex-sm-wrap clearfix mb-20 pv-20 entity-header-container">
                        <div class="bs4--col-12 bs4--col-sm-6 bs4--col-lg-3 entity-main-photo-container">
                            <div class="entity-container entity-main-headshot center-block bs4--position-relative"
                                id="{{@root/dom/divEntityContainer}}"></div>
                        </div>
                        <div class="bs4--col-12 bs4--col-sm-6 bs4--col-lg-5 entity-details-contact">
                            {{#if name}}
                                <h1 {{#if agentDetails.license}}class="mb-0" {{/if}}>
                                    {{#if agentDetails.doingBusinessAs}}
                                        {{agentDetails.doingBusinessAs}}
                                    {{else if agentDetails.mlsAgentFullName}}
                                        {{agentDetails.mlsAgentFullName}}
                                    {{else}}
                                        {{name.full}}
                                    {{/if}}
                                    {{#if uiSections.actionFavoriteAgent}}
                                        <div id="{{@root/dom/divFavAgent}}" class="small bs4--d-inline-block"></div>
                                    {{/if}}
                                    <br />
                                    {{#and agentDetails.doingBusinessAs agentDetails.mlsAgentFullName}}
                                       <span class="entity-details-agent-subheader">Licensed as {{agentDetails.mlsAgentFullName}}</span><br />
                                    {{/and}}
                                    {{#unless @root/data/isCitysnap}}
                                    {{#and agentDetails.office agentDetails.office.city}}
                                        {{#if MLSRole.agent}}
                                            <span class="entity-details-agent-subheader text-dark-grey">Real Estate
                                                Agent near
                                                {{agentDetails.office.city}}{{#if agentDetails.office.state}},
                                                    {{agentDetails.office.state}}{{/if}}</span><br />
                                        {{/if}}
                                        {{#if MLSRole.broker}}
                                            <span class="entity-details-agent-subheader text-dark-grey">Real Estate
                                                Broker near {{agentDetails.office.city}},
                                                {{agentDetails.office.state}}</span><br />
                                        {{/if}}
                                    {{/and}}
                                    {{/unless}}
                                </h1>
                                {{#unless agentDetails}}
                                {{#with tags}}
                                    <div>
                                        {{#if homeOwner}}
                                            <span
                                                class="font-14 text-black bs4--px-2 bs4--mr-2 bs4--text-nowrap bs4--bg-gray-150 bs4--py-1">Homeowner</span>
                                        {{/if}}
                                        {{#if homesnapUser}}
                                            <span
                                                class="font-14 text-black bs4--px-2 bs4--mr-2 bs4--text-nowrap bs4--bg-gray-150 bs4--py-1">Homesnap
                                                User</span>
                                        {{/if}}
                                        {{#if likelySeller}}
                                            <span
                                                class="font-14 text-black bs4--px-2 bs4--mr-2 bs4--text-nowrap bs4--py-1">Likely
                                                Seller</span>
                                        {{/if}}
                                        {{#if likelyBuyer}}
                                            <span
                                                class="font-14 text-black bs4--px-2 bs4--mr-2 bs4--text-nowrap bs4--py-1">Likely
                                                Buyer</span>
                                        {{/if}}
                                        {{#if hasAgent}}
                                            <span
                                                class="font-14 text-black bs4--px-2 bs4--mr-2 bs4--text-nowrap bs4--py-1">Has
                                                Agent</span>
                                        {{/if}}
                                    </div>
                                {{/with}}
                                {{/unless}}
                                {{#if agentDetails.license}}
                                    <div class="text-grey small mb-10">{{agentDetails.license}}</div>
                                {{/if}}
                            {{/if}}

                            {{#if agentDetails}}
                                <div class="mt-10">
                                    <div id="{{@root/dom/divOfficeItem}}"></div>
                                </div>
                                <div id="{{@root/dom/divReviewStars}}"></div>
                            {{/if}}

                            {{#if brand}}
                                <div class="brand-logo-container" id="{{@root/dom/divBrandLogo}}">
                                </div>
                            {{/if}}
                        </div>
                        {{#if agentDetails}}
                            <div class="bs4--col-12 bs4--col-lg-4 bs4--text-sm-center bs4--text-lg-left">
                                <div class="bs4--row">
                                    <div class="bs4--col-12" id="{{@root/dom/divStoriesContainer}}"></div>

                                    {{#or uiSections.mlsDataConnections uiSections.mlsDataConnectionsEmpty }}
                                        <div class="bs4--col-12 text-center pt-10 ph-0 pb-20">
                                            <button class="btn btn-80 btn-primary btn-connections btn-agent-only btn-block mb-10 paint-first-background paint-first-dark-background-before paint-base-font" id="{{@root/dom/btnHowConnected}}">How Am I Connected?</button>
                                        </div>
                                    {{/or}}
                                    {{#unless uiSections.actionFavoriteAgent}}
                                        <div class="bs4--col-12 text-center pt-10 bs4--px-5 pb-20 bs4--d-sm-flex bs4--justify-content-sm-center bs4--justify-content-lg-start">
                                            {{#if relationType.client}}
                                                <button
                                                    class="btn btn-outline mb-10 col-xs-6 col-xs-push-3 paint-first-outline paint-item-selectable paint-base-font"
                                                    id={{@root/dom/btnMyAgent}}>My Agent</button>
                                            {{else if uiSections.actionAddAgent}}
                                                <div id="{{@root/dom/captchaBox}}" class="bs4--d-none"></div>
                                                <button
                                                    class="btn btn-primary btn-add-friends btn-block mb-10 bs4--text-truncate paint-first-background paint-first-dark-background-before paint-base-font "
                                                    id="{{@root/dom/btnConnectWith}}"
                                                    title="Connect{{#if name.first}} with {{name.first}}{{/if}}">
                                                    Connect{{#if name.first}} with {{name.first}}{{/if}}
                                                </button>
                                            {{/if}}
                                        </div>
                                    {{/unless}}

                                </div>
                            </div>
                        {{/if}}
                    </div>
                </div>
                <div class="bs4--col-12 bs4--col-md-7 bs4--col-lg-8 pb-15">
                    <div class="bs4--row bs4--clearfix">

                        <div class="bs4--d-md-none bs4--col-12 ">
                            <div id="{{@root/dom/divLeadGenForm2}}" class="entity-details-leadgen mb-20"></div>
                        </div>
                        <div class="bs4--d-md-none bs4--col-12">
                            <div id="{{@root/dom/divMovedSideBarContent}}"></div>
                        </div>

                        <div class="bs4--d-md-none bs4--col-12">
                            <div id="{{@root/dom/divDownloadMobileApp2}}" class=" mb-20"></div>
                        </div>
                        {{#if permissions.mlsAgent}}
                        <div class="bs4--col-12 " id="{{@root/dom/divDealFlow}}"></div>
                        {{/if}}
                        {{#or uiSections.mlsDataProduction uiSections.mlsDataProductionEmpty}}
                            <div class="bs4--col-12" id="{{@root/dom/divDataProduction}}">
                            </div>
                        {{/or }}

                        <!-- agent viewing client-->
                        {{#unless permissions.paidAgent}}
                            <!-- Recent Favorites -->
                            {{#if uiSections.activityRecentFavorites}}
                                <div class="bs4--col-12 mb-20">
                                    <div class="bs4--card">
                                        <div class="bs4--card-header">
                                            <h4 class="headline-5 bs4--font-weight-normal bs4--my-0 bs4--px-3">Recent Favorites</h4>
                                        </div>
                                        <div class="bs4--card-body">
                                            <div id="{{@root/dom/divRecentFavorites}}"></div>
                                        </div>
                                    </div>
                                </div>
                            {{/if}}

                            <!-- Recent Snaps -->
                            {{#if uiSections.activityRecentSnaps}}
                                <div class="bs4--col-12 mb-20">
                                    <div class="bs4--card">
                                        <div class="bs4--card-header">
                                            <h4 class="headline-5 bs4--font-weight-normal bs4--my-0 bs4--px-3">Recent Snaps</h4>
                                        </div>
                                        <div class="bs4--card-body">
                                            <div id="{{@root/dom/divRecentSnaps}}"></div>
                                        </div>
                                    </div>
                                </div>
                            {{/if}}
                            {{! <!-- Only show sections or upsells if data exists or client should check --> }}
                            {{#or demographicDetails uiSections.peopleCallGetSocialMediaAccounts}}
                                <!-- About -->
                                <div class="bs4--col-12 bs4--mb-3" {{#unless demographicDetails}}id="{{@root/dom/aboutSection}}"{{/unless}}>
                                    <div class="bs4--card bs4--border-0 bs4--px-3">
                                        <div
                                            class="bs4--card-header bs4--d-flex bs4--justify-content-between bs4--align-items-center bs4--border-pro-yellow">
                                            <h3 class="headline-4 bs4--my-0">About
                                                {{#and name name.first}}{{name.first}}
                                                {{else}}{{name.full}}{{/and}}
                                            </h3>
                                            <img src="{{paths "img"}}/pro-plus/pro-plus-badge.png" alt="{{@root/data/coStarBrand/name}} Pro+" style="height: 17px;" width="44" height="17" loading="lazy" />
                                        </div>
                                        <div class="bs4--card-body bs4--py-2">
                                            {{#if demographicDetails}}
                                                {{#if ../data/proPlus}}
                                                    {{#with demographicDetails}}
                                                        <div class="bs4--row">
                                                            {{#if age}}
                                                                <div class="bs4--col-12 bs4--col-sm-6">
                                                                    <span class="bs4--font-weight-bold">Age:</span>
                                                                    {{age}}
                                                                </div>

                                                            {{/if}}
                                                            {{#if gender}}
                                                                <div class="bs4--col-12 bs4--col-sm-6">
                                                                    <span class="bs4--font-weight-bold">Gender:</span>
                                                                    {{gender}}
                                                                </div>
                                                            {{/if}}
                                                            {{#if dateOfBirth}}
                                                                <div class="bs4--col-12 bs4--col-sm-6">
                                                                    <span class="bs4--font-weight-bold">Birthday:</span>
                                                                    {{dateOfBirth.monthDayYear}}
                                                                </div>
                                                            {{/if}}
                                                            {{#if education}}
                                                                <div class="bs4--col-12 bs4--col-sm-6">
                                                                    <span
                                                                        class="bs4--font-weight-bold">Education:</span>
                                                                    {{education}}
                                                                </div>
                                                            {{/if}}
                                                            {{#if estimatedIncome}}
                                                                <div class="bs4--col-12 bs4--col-sm-6">
                                                                    <span class="bs4--font-weight-bold">Estimated
                                                                        Income:</span> {{estimatedIncome}}
                                                                </div>
                                                            {{/if}}
                                                            {{#if maritalStatus}}
                                                                <div class="bs4--col-12 bs4--col-sm-6">
                                                                    <span class="bs4--font-weight-bold">Marital
                                                                        Status:</span> {{maritalStatus}}
                                                                </div>
                                                            {{/if}}
                                                            <!-- Number of Children, Age of Children -->
                                                            {{#if children}}
                                                                <div class="bs4--col-12 bs4--col-sm-6">
                                                                    <span class="bs4--font-weight-bold">Children:</span>
                                                                    {{children}}
                                                                    {{~#if childrenAge~}}
                                                                        {{childrenAge}},
                                                                    {{/if}}
                                                                </div>
                                                            {{/if}}
                                                            <!-- Only if yes -->
                                                            {{#if isVeteran}}
                                                                <div class="bs4--col-12 bs4--col-sm-6">
                                                                    <span class="bs4--font-weight-bold">Veteran:</span>
                                                                    {{veteran}}
                                                                </div>
                                                            {{/if}}
                                                        </div>
                                                    {{/with}}
                                                {{/if}}
                                            {{/if}}
                                            {{#if uiSections.peopleCallGetSocialMediaAccounts}}
                                                <div id="{{@root/dom/socialMediaProfiles}}" class="bs4--pb-2"></div>
                                            {{/if}}
                                        </div>
                                    </div>
                                </div>
                            {{/or}}
                            <!-- Contact Info -->
                            {{#if uiSections.peopleShowContactInfoEnhanced}}
                                {{#or phones emails address}}
                                    <div class="bs4--col-12 bs4--mb-3">
                                        <div class="bs4--card bs4--border-0 bs4--px-3">
                                            <div
                                                class="bs4--card-header bs4--d-flex bs4--justify-content-between bs4--align-items-center bs4--border-pro-yellow">
                                                <h3 class="headline-4 bs4--my-0">Contact Info</h3>
                                                <img src="{{paths "img"}}/homesnap/homesnap-pro-badge.svg" alt="{{@root/data/coStarBrand/name}} Pro" style="height: 17px;"  width="39" height="17" loading="lazy" />
                                            </div>
                                            <div class="bs4--card-body bs4--pt-2">
                                                {{#if phones}}
                                                    <div class="bs4--d-flex bs4--pb-3">
                                                        <i class="material-icons text-hs-blue paint-first-font" aria-hidden="true" aria-label="phone">phone</i>
                                                        <div>
                                                            {{#each phones}}
                                                                <div
                                                                    class="bs4--pl-2 bs4--d-flex bs4--align-items-center">
                                                                    <a href="tel:{{phone.withExtensionAsLink}}"
                                                                        class="text-black bs4--text-decoration-none bs4--font-weight-normal"
                                                                        id="{{@root/dom/consumerPhone}}_{{@index}}">{{phone.withExtension}}</a>
                                                                    <span
                                                                        class="bs4--text-white bs4--text-uppercase bs4--ml-1 bs4--px-1 phone-type-tag bg-hs-blue paint-first-background">
                                                                        {{#if type2.business}}Business{{else if type2.landline}}Landline{{else if type2.mobile}}Mobile{{/if}}
                                                                    </span>
                                                                    {{#if status.doNotCall}}
                                                                        <span
                                                                            class="bs4--text-white bs4--text-uppercase bs4--ml-1 bs4--px-1 do-not-call-tag">
                                                                            Do Not Call List
                                                                        </span>
                                                                    {{/if}}
                                                                </div>
                                                            {{/each}}
                                                        </div>
                                                    </div>
                                                {{/if}}
                                                {{#if emails}}
                                                    <div class="bs4--d-flex bs4--pb-3">
                                                        <i class="material-icons text-hs-blue paint-first-font" aria-hidden="true" aria-label="mail">mail_outline</i>
                                                        <div>
                                                            {{#each emails}}
                                                                <div class="bs4--pl-2">
                                                                    <a href="mailto:{{email}}"
                                                                        id="{{@root/dom/consumerEmail}}_{{@index}}"
                                                                        class="text-black bs4--text-decoration-none bs4--font-weight-normal">{{email}}</a>
                                                                </div>
                                                            {{/each}}
                                                        </div>
                                                    </div>
                                                {{/if}}

                                                {{#if agentDetails.displayAddress}}
                                                <div class="bs4--d-flex bs4--pb-3">
                                                    <i class="material-icons text-hs-blue paint-first-font" aria-hidden="true" aria-label="map pin" data-nosnippet>location_on</i>
                                                    <div
                                                        class="bs4--pl-2 text-black {{#if status.doNotCall}} bs4--d-flex bs4--align-items-center bs4--justify-content-sm-end{{/if}}">
                                                        {{agentDetails.displayAddress.formattedAddress.fullStreetAddress}}
                                                        {{#and agentDetails.displayAddress.formattedAddress.fullStreetAddress agentDetails.displayAddress.formattedAddress.cityStateZip}}
                                                        <br />
                                                        {{/and}}
                                                        {{agentDetails.displayAddress.formattedAddress.cityStateZip}}
                                                    </div>
                                                </div>
                                                {{else if address}}
                                                    <div class="bs4--d-flex bs4--pb-3">
                                                        <i class="material-icons text-hs-blue paint-first-font" aria-hidden="true" aria-label="map pin" data-nosnippet>location_on</i>
                                                        <div
                                                            class="bs4--pl-2 text-black {{#if status.doNotCall}} bs4--d-flex bs4--align-items-center bs4--justify-content-sm-end{{/if}}">
                                                            {{address.formattedAddress.fullStreetAddress}}<br />
                                                            {{#and address.formattedAddress.fullStreetAddress address.formattedAddress.cityStateZip}}
                                                            <br />
                                                            {{/and}}
                                                            {{address.formattedAddress.cityStateZip}}
                                                        </div>
                                                    </div>
                                                {{/if}}
                                            </div>
                                        </div>
                                    </div>
                                {{/or}}
                            {{/if}}
                            <!-- Related Homes -->
                            <div class="bs4--col-12 bs4--mb-3 hidden" id="{{@root/dom/divRelatedHomes}}">
                                <div class="bs4--card bs4--border-0 bs4--px-3">
                                    <div
                                        class="bs4--card-header bs4--d-flex bs4--justify-content-between bs4--align-items-center bs4--border-pro-yellow">
                                        <h3 class="headline-4 bs4--my-0">Related Homes</h3>
                                        <img src="{{paths "img"}}/homesnap/homesnap-pro-badge.svg" alt="{{@root/data/coStarBrand/name}} Pro" style="height: 17px;" loading="lazy" width="39" height="17" />
                                    </div>
                                    <div class="bs4--card-body bs4--py-2">
                                        <div id="{{@root/dom/relatedHomes}}"></div>
                                    </div>
                                </div>
                            </div>
                        {{/unless}}
                        <div class="bs4--col-12 hidden" id="{{@root/dom/divEntityDetailsOpenHouses}}"></div>
                        <div class="bs4--col-12 hidden" id="{{@root/dom/divEntityDetailsRecentListings}}"></div>
                        <div class="bs4--col-12 hidden" id="{{@root/dom/divEntityListByPrefZips}}"></div>
                        <div class="bs4--col-12 bs4--text-center bs4--text-gray-300 hidden" id="{{@root/dom/divDataDisclaimer}}"></div>
                    </div>
                    {{#compare agentDetails.activity.listingCount.raw ">" 0 }}
                    <div class="bs4--row bs4--mx-0">
                        <div class="bs4--col-12 bs4--card mb-20 pb-15">
                            <h2 class="headline-5 bs4--font-weight-normal bs4--my-0 bs4--py-2">Recent Listing Sides</h2>
                            <hr />
                            <div class="bs4--row">
                                <div class="bs4--px-1 bs4--col-12" id="{{@root/dom/divRecentListingActivity}}"></div>
                            </div>
                        </div>
                    </div>
                    {{/compare}}
                    {{#compare agentDetails.activity.buyerCount.raw ">" 0}}
                        <div class="bs4--col-12 bs4--card mb-20 pb-15">
                            <h2 class="headline-5 bs4--font-weight-normal bs4--my-0 bs4--py-2">Recent Buyer Sides</h2>
                            <hr />
                            <div class="bs4--row">
                                <div class="bs4--px-1 bs4--col-12" id="{{@root/dom/divRecentSellerActivity}}"></div>
                            </div>
                        </div>
                    {{/compare}}
                </div>
                <aside class="bs4--col-12 bs4--col-md-5 bs4--col-lg-4 mb-15 entity-details-side-bar" id="{{@root/dom/divSideBar}}"></aside>
            </div>
            <div class="bs4--row">
                <div class="bs4--col-12 bs4--col-md-7 bs4--col-lg-8">
                    {{#or @root/data/currentUser/permissions/none @root/data/viewAsPublic}}
                        {{#if agentDetails.office}}
                            <div class="mt-15">
                                <hr />
                                <address class="small entity-details-footer-address {{#if complianceLinks}}bs4--mb-0{{else}}mb-10{{/if}}">
                                    {{#if agentDetails.office.name}}
                                        {{agentDetails.office.name}}
                                        <br />
                                    {{else if agentDetails.brokerage }}
                                        {{agentDetails.brokerage }}
                                        <br />
                                    {{/if}}
                                    <span itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
                                        {{#if agentDetails.office.address.fullStreetAddress}}
                                            <span
                                                itemprop="streetAddress">{{agentDetails.office.address.fullStreetAddress}}</span>
                                            <br />
                                        {{/if}}
                                        {{#if agentDetails.office.address.cityStateZip}}
                                            {{~#if agentDetails.office.address.city}}<span
                                                itemprop="addressLocality">{{agentDetails.office.address.city}},
                                            </span>{{/if~}}
                                            {{~#if agentDetails.office.address.state}}<span
                                                itemprop="addressRegion">{{agentDetails.office.address.state}}
                                            </span>{{/if~}}
                                            {{~#if agentDetails.office.address.zip}}<span
                                                itemprop="postalCode">{{agentDetails.office.address.zip}}</span>{{/if~}}
                                            <br />
                                        {{/if}}
                                    </span>
                                    {{#if agentDetails.displayPhone}}
                                        {{agentDetails.displayPhone.withExtension}}
                                    {{else if agentDetails.office.phone}}
                                        {{agentDetails.office.phone.withExtension}}
                                    {{/if}}
                                </address>
                            </div>
                        {{/if}}
                    {{/or}}
                    {{#if complianceLinks}}
                    <p class="small bs4--py-0 entity-details-footer-address">
                    {{#each complianceLinks}}
                        <a href="{{this.url}}" target="_blank" rel="nofollow">{{this.text}}</a>{{#unless @last}},{{/unless}}
                    {{/each}}
                    </p>
                    {{/if}}
                </div>
            </div>
        </div>
    </div>
{{/with}}