<div class="modal bd-example-modal-lg medium easy-access modal-box px-0"
id="on-close-popup"
tabindex="-1"
role="dialog"
ng-controller="onClosePopupController"
>
<div class="modal-dialog" role="document" ng-content-loaded callback="initOnShowPopup()" >
<div class="modal-content modal-box__content modal-box__content_md">
<div class="modal-box__header modal-lg">
<span class="modal-box__title">
{{ 'layout.related_listings.title'|trans }}
</span>
<button type="button"
class="modal-close modal-box__close"
data-dismiss="modal"
ng-click="onClosePopupClosed()">
<img src="/images/close_dark_gray.svg" width="24" height="24"/>
</button>
</div>
<div class="modal-box__body pt-0">
<div class="modal-box__body-content modal-box__body-content modal-box__body-content_scrolled modal-box__body-content_px-2x ">
<p class="modal-box__text pt-xl">
{{ 'layout.related_listings.text'|trans }}
</p>
<div class="row">
{% include "@AqarmapListing/ListingSearch/listingCardHorizontal.html.twig" with {'listings': related_listings, 'mainListing': listing, 'isRelatedToListing': true, 'defaultResults' : false, 'topSellersResults' : false, 'isRelatedResults' : false, 'source': 'onclose-popup-card'}%}
</div>
<div class="modal-box__link modal-box__link_bottom">
<a href="{{ path('search', {'section_slug': listing.section.slug, 'property_type_slug': listing.propertyType.slug, 'location_slug': listing.location.slug}) }}"
target="_blank"
ng-click="onSeeMoreClick()">
{{ 'layout.related_listings.view_more'|trans }}
</a>
</div>
</div>
<div class="modal-box__footer text-center" ng-controller="bulkQuickLeadController">
<div class="mb-0 w-100" >
{% include "@AqarmapListing/Listing/bulkListingsCta.html.twig" with {'listings' : related_listings } %}
</div>
</div>
</div>
</div>
</div>
</div>