{% set leadSourcePage = leadSourcePage is defined ? leadSourcePage : 'listing_details' %}
<div class="modal fade Pop-Up-modal" id="Pop-Up-modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document" >
<div class="modal-content">
<div class="container">
<div class="page-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
{% if topSearchableCompaniesCount %}
<div>
<div class="page-header">
<p class="custom-main-title">{{ 'pop_up_modal.get_help'|trans }}</p>
</div>
<div class="page-header">
<p class="sub-text-head">{{ 'pop_up_modal.more_results'|trans }}</p>
<p class="sub-text">
{{ 'pop_up_modal.top_location' |trans({'%location%': listing.location.title}) }}
</p>
</div>
<div class="row">
<div class="top-companies-container w-100" ng-controller="FeaturedCompaniesController">
<div ng-content-loaded callback="setTopCompaniesData({
'propertyType':'{{propertyTypeId}}',
'section':'{{sectionId}}',
'location': '{{locationId}}'});">
{% include "@AqarmapListingBundle/Listing/topSellersList.html.twig" with {source : "pop-up"} %}
</div>
<div class="request-call-btn col-lg-12 col-md-12 col-sm-12 col-xs-12">
<a href="#"
ng-click="onSendRequest($event, 'gtm-action-topsellers-lead-popup-web', 'Top Sellers Popup Web', {
leadSourcePage: '{{leadSourcePage}}' ,
});"
class="gtm-btn-listing-topsellers btn">{{ 'label.lead.call_request'|trans }}</a>
</div>
</div>
</div>
</div>
{% endif %}
{% if relatedListingsCount %}
<div class="related-listing-modal">
<div class="page-header header-carousel">
<p class="custom-main-title">{{ 'layout.related_listings.title'|trans }}</p>
<div class="controls pull-right flip">
{% if relatedListingsCount > 3 %}
<a class="{% if app.request.get('_locale') == 'ar' %}right fa fa-chevron-right{% else %}left fa fa-chevron-left{% endif %}" href="#carousel-example-articles" data-slide="prev"></a>
<a class="{% if app.request.get('_locale') == 'ar' %}left fa fa-chevron-left{% else %}right fa fa-chevron-right{% endif %}" href="#carousel-example-articles" data-slide="next"></a>
{% endif %}
</div>
</div>
<div id="carousel-example-articles" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
{% for related_listings_batch in related_listings|batch(3) %}
<div class="item {% if loop.first %} active {% endif %}">
<div class="row small-card">
{% for listing in related_listings_batch if listing %}
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
{% include '@AqarmapListingBundle/Listing/card.html.twig' with {'listing': listing, 'ref': 'people-also-viewed', 'source': 'related-listing'} %}
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endif %}
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>