src/Aqarmap/Bundle/ListingBundle/Resources/views/Listing/listingContact.html.twig line 1

  1. {# constants #}
  2. {% set LISTING_CATEGORIES_SCRAPPED = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::SCRAPPED') %}
  4. {# Toggles #}
  5. {% set isExcludeWhatsappFromListing = isEnabledFeature('web.whatsapp.chat.exclude') and listing.getIsExcludedFromWhatsApp %}
  6. {% set isWhatsappDisabled = isExcludeWhatsappFromListing or not isEnabledFeature('web.whatsapp.chat.exclude') %}
  7. {% set isEnabledSendByWhatsapp = isEnabledFeature('web.whats.app.chat') and isWhatsappDisabled %}
  9. {# listing variables #}
  10. {% set isListingTopPicks = listing.isTopPicks %}
  11. {% set leadSources = []%}
  12. {% set leadSources = app.request.query.get("source") ? leadSources|merge([app.request.query.get("source")]) : leadSources %}
  13. {% set leadSources = source is defined ? leadSources|merge([source]) : leadSources %}
  14. {% set leadSources = isListingTopPicks ? leadSources|merge(["top-picks"]) : leadSources %}
  15. {% set leadIsCreatedFromSlider = "slider" in leadSources %}
  16. {% set enableMessageForm = false %}
  17. {% set isScrapped = listing.category == LISTING_CATEGORIES_SCRAPPED %}
  18. {% set isLeadFromAdvertiserSection = "advertiserSection" in leadSources %}
  19. {% set listingPhones = isEnabledFeature('listing_user_phones') ? listing.phones : listing.listingPhones %}
  20. {% if isEnabledSendByWhatsapp %}
  21. {% if (listing.user.getWhatsAppNumber) %}
  22. {% set whatsAppNumber = listing.user.getWhatsAppNumber.getPhone.getNumber %}
  23. {% endif %}
  24. {% set hasWhatsapp = listing.user.getWhatsAppNumber %}
  25. {% else %}
  26. {% set hasWhatsapp = false %}
  27. {% endif %}
  28. {% set ctaItemClass = 'cta-item' %}
  29. {% set gtmClassSuffix = null %}
  30. {% if isLeadFromAdvertiserSection %}
  31. {% set gtmClassSuffix = 'advertiser-section' %}
  32. {% elseif leadIsCreatedFromSlider %}
  33. {% set gtmClassSuffix = 'slider-section' %}
  34. {% endif %}
  35. {% set labelLeadSource = '' %}
  36. {% if isTopFavourited %}
  37. {% set labelLeadSource = 'top-favourite' %}
  38. {% set leadSources = leadSources|merge([labelLeadSource]) %}
  39. {% elseif isValidPrice %}
  40. {% set labelLeadSource = 'valid-price' %}
  41. {% set leadSources = leadSources|merge([labelLeadSource]) %}
  42. {% elseif isTopViewed %}
  43. {% set labelLeadSource = 'top-viewed' %}
  44. {% set leadSources = leadSources|merge([labelLeadSource]) %}
  45. {% endif %}
  46. {% set btnStyleClasses = ' btn btn-block cta-btn listing-cta-btn cta-btn_mb' %}
  47. {% set phoneAnalyticsClasses = gtmClassSuffix ? 'gtm-btn-listing-call-' ~ gtmClassSuffix : '' %}
  48. {% set requestPhoneAnalyticsClasses = gtmClassSuffix ? 'gtm-btn-listing-call-request-' ~ gtmClassSuffix : '' %}
  49. {% set whatsappAnalyticsClasses = gtmClassSuffix ? 'gtm-btn-listing-whatsapp-' ~ gtmClassSuffix : '' %}
  50. {% set phoneBtnStyleClasses = 'btn-blue rounded-pill' ~ btnStyleClasses %}
  51. {% set mesageBtnStyleClasses = 'btn-gray rounded-pill' ~ btnStyleClasses %}
  52. {% set whatsappBtnStyleClasses = ' btn-default rounded-pill btn-whatsapp' ~ btnStyleClasses %}
  53. {% set btnHiddenText = "" %}
  54. {% set isMessageTextHidden = "" %}
  55. {% set iconSize = 24 %}
  56. {% set leadSourcePage = leadSourcePage is defined ? leadSourcePage : "listing_details_fixed_buttons"%}
  58. <div class="cta-list">
  59. {% if hasWhatsapp %}
  60. <div class="{{ctaItemClass}} {{ whatsappAnalyticsClasses }}">
  61. <a href="javascript:void(0);" class="{{whatsappBtnStyleClasses}} custom-collapse__toggle-btn" data-img-src="/images/BrandsIcons/ic_whatsapp_white.svg" data-img-class="cta-icon" data-color="btn-whatsapp" submit-text="{{ 'label.lead.whatsapp_now'|trans }}" ng-click="onSendLead($event,{
  62. leadType:'email' ,
  63. actionType:'{{ SEND_WHATSAPP_CONSTANT }}' ,
  64. leadSourcePage: '{{leadSourcePage}}' ,
  65. propertySection: '{{propertySectionSlug}}' ,
  66. propertyCategory: '{{propertyCategory}}',
  67. depthProduct: '{{depthProduct}}',
  68. insideCompound: '{{insideCompound}}',
  69. listingType: {{leadSources|serialize('json')}} ,
  70. listingId: '{{ listing.id }}' ,
  71. })">
  72. <img src="/images/BrandsIcons/ic_whatsapp_white.svg" class="cta-icon" width="{{iconSize}}" height="{{iconSize}}"/>
  73. <span>
  74. {{ 'label.lead.whatsApp'|trans }}
  75. </span>
  76. </a>
  77. </div>
  78. {% endif %}
  79. <div class="{{ctaItemClass}}">
  80. {% if listingPhones is not empty and not isListingCallRequest %}
  81. {% set listingPhone = listingPhones|first %}
  82. <a href="javascript:void(0)" ng-click="onSendLead($event,{
  83. leadType:'call' ,
  84. actionType:'{{ SHOW_PHONE_CONSTANT }}' ,
  85. listingType: {{leadSources|serialize('json')}} ,
  86. leadSourcePage: '{{leadSourcePage}}' ,
  87. propertyCategory: '{{propertyCategory}}',
  88. propertySection: '{{propertySectionSlug}}' ,
  89. depthProduct: '{{depthProduct}}',
  90. insideCompound: '{{insideCompound}}',
  91. listingId: '{{ listing.id }}' ,
  92. });" class="gtm-btn-listing-phone {{ phoneBtnStyleClasses }} {{ phoneAnalyticsClasses }} custom-collapse__toggle-btn " data-gtm-listing-id="{{ listing.id }}" data-img-class="cta-icon rtl-flip-icon" data-img-src="/images/BrandsIcons/ic_phone_white.svg" data-color="btn-blue" submit-text="{{'label.lead.call_now'|trans }}">
  93. <img src="/images/BrandsIcons/ic_phone_white.svg" class="cta-icon rtl-flip-icon" width="{{iconSize}}" height="{{iconSize}}"/>
  94. <span {{btnHiddenText}}>{{ 'listing.show_seller_phone'|trans }}</span>
  95. </a>
  96. {% else %}
  97. <!-- Request a Call form -->
  98. {{ form_start(call_request, {attr: {'onsubmit': 'return false;'}})
  99. }}
  100. {# {{ form_widget(call_request._token, {'attr': {'ng-init': 'data.call_request._token="'~ call_request._token.vars.value ~'"' }}) }} #}
  101. <button type="button" ng-click="onSendLead($event,{
  102. leadType:'request_call' ,
  103. actionType:'{{ CALL_REQUEST_CONSTANT }}' ,
  104. leadSourcePage: '{{leadSourcePage}}' ,
  105. propertyCategory: '{{propertyCategory}}',
  106. propertySection: '{{propertySectionSlug}}' ,
  107. depthProduct: '{{depthProduct}}',
  108. insideCompound: '{{insideCompound}}',
  109. listingType: {{leadSources|serialize('json')}} ,
  110. listingId: '{{ listing.id }}' ,
  111. });" class="{{ phoneBtnStyleClasses }} {{ requestPhoneAnalyticsClasses }} gtm-btn-listing-call-request btn-primary" ng-disabled="callRequested[{{listing.id}}]" data-color="btn-primary" submit-text="{{'label.lead.call_request_now'|trans }}" data-img-class="cta-icon rtl-flip-icon" data-img-src="/images/BrandsIcons/ic_phone_white.svg">
  112. <img src="/images/BrandsIcons/ic_phone_white.svg" class="cta-icon rtl-flip-icon" ng-hide="callRequested[{{listing.id}}]" width="{{iconSize}}" height="{{iconSize}}"/>
  113. <span class="fa fa-check-sign" ng-show="callRequested[{{listing.id}}]"></span>
  114. <span {{btnHiddenText}}>
  115. {{ 'label.lead.call_request'|trans }}
  116. </span>
  117. </button>
  118. {{ form_end(call_request) }}
  119. {% endif %}
  120. </div>
  121. {% if not isScrapped and enableMessageForm %}
  122. {% if not listing.user.hasRole('ROLE_TROOP') and (not isEnabledFeature('web.chat.app') or IS_PROJECT) %}
  123. <div class="listingForm p-0">
  124. <div>
  125. <div class="col-xs-12 padding-md-zero hidden-lg hidden-md">
  126. <span class='listing-details'>
  127. <div class="page-header ">
  128. <h5 class="section-title__header">
  129. {{ 'listing.send_message_to'|trans }}
  130. (
  131. <a href="{{ path('aqarmap_user_listings', {'id': listing.user.id}) }}">{{ listing.user.fullName|default(listing.user.username) }}
  132. </a>
  133. ).
  134. </h5>
  135. </div>
  136. </span>
  137. </div>
  138. <!-- end col12-->
  140. {{ form_start(contact_seller_form) }}
  142. {{ form_row(contact_seller_form.subject, {value : 'Re: '~ listing.title|striptags}) }}
  144. {{ form_row(contact_seller_form.type, {value : SEND_MESSAGE_CONSTANT}, {attr: {'ng-model': 'sellerMessageType', 'ng-init': 'sellerMessageType={{SEND_MESSAGE_CONSTANT}}'}}) }}
  146. {% set textAreaPlaceholder = 'layout.write_question'|trans %}
  147. {{ form_widget(contact_seller_form.message,{attr: {'class': 'form-control mb-md', 'placeholder': textAreaPlaceholder, 'ng-model': '$root.sellerMessageContent'}}) }}
  150. {{ form_end(contact_seller_form) }}
  151. </div>
  152. </div>
  153. {% endif %}
  154. {% endif %}
  155. </div>