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

Open in your IDE?
  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>