{{#with data}}
    <div id="{{@root/dom/divLeadGenForm}}" class="hidden-xs entity-details-leadgen"></div>
    <div id="{{@root/dom/divMoveContentContainer}}">
        <div id="{{@root/dom/divMoveContent}}">
            {{#if entityDetails.conversations}}
                <div class="bs4--card mb-15">
                    <div class="bs4--card-header">
                        <h3 class="headline-5 bs4--font-weight-normal bs4--my-0 bs4--px-3">Conversations</h3>
                    </div>
                    <div class="bs4--card-body">
                        {{#each entityDetails.conversations}}
                            <div id="{{@root/dom/divRelatedConversations}}_{{@index}}"
                                class="property-sidebar-conversation border-bottom-grey bs4--d-flex"></div>
                        {{/each}}
                    </div>
                </div>
            {{/if}}
            {{#if currentUser.permissions.paidAgent}}
                {{#unless viewAsPublic}}
                    <div id="{{@root/dom/divInlineConversationContainer}}"
                        class="bs4--card bs4--border-bottom-0 bs4--mb-3 hidden entity-details-inline-convo">
                        <div
                            class="bs4--card-header bs4--px-3{{#if entityDetails.permissions.proInSameMLS}} bs4--d-flex bs4--justify-content-between bs4--align-items-center bs4--border-pro-yellow agent-only-header with-pro-badge{{/if}}">
                            <h3 class="headline-5 bs4--font-weight-normal bs4--my-0">
                                Get in Touch
                            </h3>
                        </div>
                        <div class="bs4--card-body bs4--px-3">
                            <div id="{{@root/dom/divInlineConversation}}"></div>
                        </div>
                    </div>
                {{/unless}}
            {{/if}}
            {{#with entityDetails}}
                {{#if uiSections.headerContactInfo}}
                    <div
                        class="bs4--card {{#if permissions.proInSameMLS}}agent-only-panel{{/if}} mb-15 bs4--pb-2 entity-details-contact-info">
                        <div
                            class="bs4--card-header bs4--px-3 {{#if permissions.proInSameMLS}}bs4--border-pro-yellow agent-only-header with-pro-badge{{else}}bs4--border{{/if}}">
                            <h3 class="headline-5 bs4--font-weight-normal bs4--my-0">
                                Contact Info
                            </h3>
                        </div>
                        <div class="bs4--card-body bs4--p-3">
                            {{#if agentDetails.displayPhone}}
                                <div class="entity-phone-container clearfix mt-5">
                                    <span class="material-icons text-hs-blue bs4--align-middle paint-first-font bs4--mr-2 bs4--d-inline-block bs4--float-left" aria-hidden="true">call</span>
                                    <div class="bs4--ml-2 bs4--float-left bs4--align-middle">
                                        {{agentDetails.displayPhone.withExtension}}
                                    </div>
                                </div>
                                <hr />
                            {{else if phone}}
                                <div class="entity-phone-container clearfix mt-5">
                                    <span class="material-icons text-hs-blue bs4--align-middle paint-first-font bs4--mr-2 bs4--d-inline-block bs4--float-left" aria-hidden="true">call</span>
                                    <div class="bs4--ml-2 bs4--float-left bs4--align-middle">
                                        {{phone.withExtension}}
                                    </div>
                                </div>
                                <hr />
                            {{/if}}
                            {{#if email}}
                                <div class="entity-email-container clearfix ">
                                    <span class="material-icons text-hs-blue bs4--align-middle paint-first-font bs4--mr-2 bs4--d-inline-block bs4--float-left" aria-hidden="true">email</span>
                                    <div class="bs4--ml-2 bs4--float-left entity-email bs4--align-middle">
                                        <a href="mailto:{{email}}" id="{{@root/dom/aEmail}}" class="paint-first-font">{{email}}</a>
                                    </div>
                                </div>
                                <hr />
                            {{/if}}
                            {{#and agentDetails.office uiSections.headerOfficeInfo}}
                                <div class="entity-address-container clearfix ">
                                    <span class="material-icons text-hs-blue bs4--align-middle paint-first-font bs4--float-left bs4--mr-2 bs4--d-inline-block" aria-hidden="true">location_on</span>

                                    <div class="ml-10 pull-left bs4--align-middle">
                                        <span itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
                                            {{#if agentDetails.displayAddress}}
                                                <span itemprop="streetAddress">{{agentDetails.displayAddress.fullStreetAddress}}</span><br/>
                                                {{~#if agentDetails.displayAddress.city}}
                                                <span itemprop="addressLocality">{{agentDetails.displayAddress.city}},</span>
                                                {{/if~}}
                                                {{~#if agentDetails.displayAddress.state}}
                                                <span itemprop="addressRegion">{{agentDetails.displayAddress.state}}</span>
                                                {{/if~}}
                                                {{~#if agentDetails.displayAddress.zip}}
                                                <span itemprop="postalCode">{{agentDetails.displayAddress.zip}}</span>
                                                {{/if~}}
                                                <br />
                                            {{else}}
                                                {{#if agentDetails.office.address.fullStreetAddress}}
                                                    <span
                                                        itemprop="streetAddress">{{agentDetails.office.address.fullStreetAddress}}</span>
                                                    <br />
                                                {{/if}}
                                                    {{~#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 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}}
                                            {{/if}}
                                        </span>
                                    </div>
                                </div>
                            {{/and}}
                            {{#unless agentDetails.status.isActive}}
                                <p class="bs4--text-gray-300 bs4--d-flex bs4--align-items-center">
                                    <span class="material-icons bs4--align-middle bs4--pr-1 font-14" aria-hidden="true">info</span>
                                    {{name.first}} is not active at this office.
                                </p>
                            {{/unless}}
                        </div>
                    </div>
                {{/if}}
            {{/with}}
            <div id="{{@root/dom/divProPlusLocation}}"></div>
        </div>
    </div>
    <div id="{{@root/dom/divProPlusReviews}}"></div>
    <div id="{{@root/dom/divProPlusPosts}}" class="hidden"></div>
    <div id="{{@root/dom/divProPlusMedia}}"></div>
    <div id="{{@root/dom/divDownloadMobileApp}}" class="mb-15"></div>
{{/with}}