{% set leadSourcePage = leadSourcePage is defined ? leadSourcePage : 'listing_details' %}
<div class="modal fade Pop-Up-modal" id="Pop-Up-modal-mob" 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>
<div class="listing-phone-container listing-phone-container__bg-dark d-md-none">
{% include "@AqarmapListingBundle/Listing/listingSellerPhone.html.twig" %}
</div>
{% if isEnabledFeature('web.similar.listings') %}
<div ng-controller="similarListingController" >
<div ng-content-loaded callback="getSimilarListingCount({{ listing.id }})">
<div ng-if="allowSimilarListings()">
<div class="page-header border-top-gray">
<p class="custom-main-title">{{ 'layout.similar_listings.header_title'|trans }}</p>
</div>
<div class="page-header">
<p class="sub-text-head">{{ 'layout.similar_listings.more_results'|trans }}</p>
<p class="sub-text">
{{ 'layout.similar_listings.sub_text' |trans({'%count%': 'ng::similarListingCount::'})| raw }}
</p>
<button ng-click="sendCallRequest()" class="btn btn-round btn-default btn-md mt-4">
{{ 'label.lead.call_request'|trans }}
</button>
</div>
</div>
</div>
</div>
{% endif %}
{% if topSearchableCompanies %}
<div>
<hr />
<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':'{{propertyType ? propertyType.id : 'null'}}',
'section':'{{section ? section.id : 'null'}}',
'location': '{{location ? location.id : 'null'}}'});"
>
{% include "@AqarmapListingBundle/Listing/topSellersList.html.twig" with {source : "pop-up-mob"} %}
</div>
<div class="request-call-btn col-lg-12 col-md-12 col-sm-12 col-xs-12">
<button class="btn btn-round btn-default btn-md"
ng-click="onSendRequest($event, 'gtm-action-topsellers-lead-popup-mobile', 'Top Sellers Popup Mobile',
{
leadSourcePage: '{{leadSourcePage}}' ,
}
);">
{{ 'label.lead.call_request'|trans }}
</button>
</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 }}
<div class="controls pull-right flip">
{% if relatedListingsCount > 1 %}
<a class="{% if app.request.get('_locale') == 'ar' %}right fa fa-chevron-right{% else %}left fa fa-chevron-left{% endif %}" href="#carousel-example-articles-pop-mobile" 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-pop-mobile" data-slide="next"></a>
{% endif %}
</div>
</p>
</div>
<div id="carousel-example-articles-pop-mobile" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
{% for listing in related_listings %}
<div class="item {% if loop.first %} active {% endif %}">
<div class="row small-card">
<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>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>