{% set leadSources = []%}
{% set leadSources = app.request.query.get("source") ? leadSources|merge([app.request.query.get("source")]) : leadSources %}
{% set leadSources = source is defined ? leadSources|merge([source]) : leadSources %}
{% set iconSize = 24 %}
{% set leadSourcePage = "listing_details_fixed_buttons" %}
<div class="contact-box">
<p class="contact-box__title">
{% if isUnitsSoldOut %}
{{'compound_units.sold_out.title'|trans}}
{% else %}
{{'compound_units.primary_sold_out.title'|trans}}
{% endif %}
</p>
<p class="contact-box__text">
{% if isUnitsSoldOut %}
{{'compound_units.sold_out.text'|trans}}
{% else %}
{{'compound_units.primary_sold_out.text'|trans}}
{% endif %}
</p>
<div class="cta-container">
<!-- Request a Call form -->
{{ form_start(call_request, {attr: {'onsubmit': 'return false;'}}) }}
{# {{ form_widget(call_request._token, {'attr': {'ng-init': 'data.call_request._token="'~ call_request._token.vars.value ~'"' }}) }} #}
<button type="button"
ng-click="onSendLead($event,{
leadType:'request_call' ,
leadSourcePage: '{{leadSourcePage}}',
propertySection: '{{propertySectionSlug}}' ,
propertyCategory: '{{propertyCategory}}',
actionType:'{{ CALL_REQUEST_CONSTANT }}' ,
listingType: {{leadSources|serialize('json')}} ,
listingId: '{{ listing.id }}' ,
depthProduct: '{{depthProduct}}',
insideCompound: '{{insideCompound}}',
});"
class="btn btn-block btn-primary cta-btn rounded-pill"
ng-disabled="callRequested[{{listing.id}}]"
data-color="btn-primary"
submit-text="{{'label.lead.call_request_now'|trans }}"
data-img-class="mx-2 rtl-flip-icon"
data-img-src="/images/BrandsIcons/ic_phone_white.svg"
>
<img
src="/images/BrandsIcons/ic_phone_white.svg"
class="mx-2 rtl-flip-icon"
ng-hide="callRequested[{{listing.id}}]"
width="{{ iconSize }}" height="{{ iconSize }}"
/>
<span class="fa fa-check-sign" ng-show="callRequested[{{listing.id}}]"> </span>
<span> {{ 'label.lead.call_request'|trans }} </span>
</button>
{{ form_end(call_request) }}
</div>
</div>