<div class="modal bd-example-modal-lg small easy-access modal-box quick-lead-modal px-0"
id="top-sellers-logos-modal"
ng-content-loaded callback="initTopSellerModal()"
tabindex="-1"
role="dialog"
>
<div class="modal-dialog" role="document" >
<div class="modal-content modal-lg modal-box__content modal-box__body-content_px-2x">
<div class="modal-box__header modal-lg">
<span class="modal-box__title">
{% if location is not null %}
{{ 'top_sellers.real_estate'|trans({"%location%": location.title})}}
{% else %}
{{ 'top_sellers.real_estate_empty'|trans }}
{% endif %}
</span>
<button type="button"
class="modal-close modal-box__close"
ng-click="onCloseTopSellersModal()"
data-dismiss="modal">
<img src="/images/close_dark_gray.svg"/>
</button>
</div>
<div class="modal-box__body top-sellers-logos">
<div class="px-xl modal-box__body-content modal-box__body-content_height-md-fixed">
<p class="text-lg text-gray__dark_1 w-100">
{% if location is not null %}
{{ 'top_sellers.real_estate_text'|trans({"%location%": location.title})}}
{% else %}
{{ 'top_sellers.real_estate_text_empty'|trans }}
{% endif %}
</p>
<div class="top-sellers-container border-0 py-xxl">
<div class="top-sellers-details">
<div class="cards-list">
<div class="seller-logo seller-logo_img-height p-0 ">
<div class="seller-logo__img-container m-0" ng-repeat="company in getTopCompanies()" ng-init="calcActiveListings(company.numberOfActiveListing)">
<div class="seller-logo__checkbox">
{% set cardsPosition = position is defined ? position : "vertical" %}
<input type="checkbox" class="styled-checkbox"
id="company-{{'ng::company.user.id::'}}-{{cardsPosition}}"
ng-model="companiesChecked[company.user.id]"
ng-value="company.user.id" value="company.user.id"
ng-init="companiesChecked[company.user.id] = true"
ng-checked="true"/>
<label for="company-{{'ng::company.user.id::'}}-{{cardsPosition}}" hidden></label>
</div>
{% set thumb = 'ng::company.user.logo\.thumbnails.thumb::' %}
<img ng-if="company.user.logo" class="seller-logo__img" src="{{thumb}}" alt="logo">
<img ng-if="!company.user.logo" class="seller-logo__img seller-logo__img_empty" src="{{ asset('images/emblem.svg') }}" alt="logo">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-box__footer text-center" >
{% set isAfterLeadModal = true %}
<div class="mb-0 cta-btn-col col">
<a href="javascript:void(0)"
ng-show="showButton()"
ng-click="onSendRequest($event, '{{ trigger }}', '{{ eventAction }}', {{isAfterLeadModal}});"
class="cta-btn rounded-pill btn-blue"
>
{{'label.lead.call_request'|trans}}
</a>
<a href="javascript:void(0)"
ng-show="!showButton()"
class="cta-btn rounded-pill btn-blue"
>
<i class="fa fa-check cta-icon"></i>
{{'label.lead.call_requested'|trans}}
</a>
</div>
<div class="mb-0 " >
<a href="javascript:void(0)"
ng-click="onSkipTopSellers()"
class="cta-btn cta-btn_w-auto rounded-pill btn-gray"
>
{{'label.lead.skip'|trans}}
</a>
</div>
</div>
</div>
</div>
</div>
</div>