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 isMessageEnabled =  not IS_PROJECT or listing.isSendEmail %}
  29. {% set ctaItemClass = 'cta-item' %}
  30. {% set gtmClassSuffix = null %}
  31. {% if isLeadFromAdvertiserSection %}
  32.     {% set gtmClassSuffix = 'advertiser-section' %}
  33. {% elseif leadIsCreatedFromSlider %}
  34.     {% set gtmClassSuffix = 'slider-section' %}
  35. {% endif %}
  36. {% set labelLeadSource = '' %}
  37. {% if isTopFavourited %}
  38.     {% set labelLeadSource = 'top-favourite' %}
  39.     {% set leadSources = leadSources|merge([labelLeadSource]) %}
  40. {% elseif isValidPrice %}
  41.     {% set labelLeadSource = 'valid-price' %}
  42.         {% set leadSources = leadSources|merge([labelLeadSource]) %}
  43. {% elseif isTopViewed %}
  44.     {% set labelLeadSource = 'top-viewed' %}
  45.     {% set leadSources = leadSources|merge([labelLeadSource]) %}
  46. {% endif %}
  47. {% set btnStyleClasses = ' btn btn-block cta-btn listing-cta-btn cta-btn_mb' %}
  48. {% set phoneAnalyticsClasses = gtmClassSuffix ? 'gtm-btn-listing-call-' ~ gtmClassSuffix : '' %}
  49. {% set requestPhoneAnalyticsClasses = gtmClassSuffix ? 'gtm-btn-listing-call-request-' ~ gtmClassSuffix : '' %}
  50. {% set whatsappAnalyticsClasses = gtmClassSuffix ? 'gtm-btn-listing-whatsapp-' ~ gtmClassSuffix : '' %}
  51. {% set phoneBtnStyleClasses =  'btn-blue rounded-pill' ~ btnStyleClasses %}
  52. {% set mesageBtnStyleClasses = 'btn-gray rounded-pill' ~ btnStyleClasses %}
  53. {% set whatsappBtnStyleClasses =  ' btn-default rounded-pill btn-whatsapp' ~  btnStyleClasses %}
  54. {% set btnHiddenText = "" %}
  55. {% set isMessageTextHidden = "" %}
  56. {% set iconSize = 24 %}
  57. {% set leadSourcePage = leadSourcePage is defined ? leadSourcePage : "listing_details_fixed_buttons"%}
  59. <div class="cta-list">
  60.     {% if hasWhatsapp %}
  61.         <div class="{{ctaItemClass}} {{ whatsappAnalyticsClasses }}">
  62.             <a href="javascript:void(0);"
  63.                 class="{{whatsappBtnStyleClasses}} custom-collapse__toggle-btn"
  64.                 data-img-src="/images/BrandsIcons/ic_whatsapp_white.svg"
  65.                 data-img-class="cta-icon"
  66.                 data-color="btn-whatsapp"
  67.                 submit-text="{{ 'label.lead.whatsapp_now'|trans }}"
  68.                 ng-click="onSendLead($event,{
  69.                         leadType:'email' ,
  70.                         actionType:'{{ SEND_WHATSAPP_CONSTANT }}' ,
  71.                         leadSourcePage: '{{leadSourcePage}}' ,
  72.                         propertySection: '{{propertySectionSlug}}' ,
  73.                         propertyCategory: '{{propertyCategory}}',
  74.                         depthProduct: '{{depthProduct}}',
  75.                         insideCompound: '{{insideCompound}}',
  76.                         listingType:  {{leadSources|serialize('json')}} ,
  77.                         listingId: '{{ listing.id }}' ,
  78.                     })"
  79.                 >
  80.                     <img
  81.                         src="/images/BrandsIcons/ic_whatsapp_white.svg"
  82.                         class="cta-icon" width="{{iconSize}}" height="{{iconSize}}"
  83.                     />
  84.                     <span > {{ 'label.lead.whatsApp'|trans }} </span>
  85.             </a>
  86.         </div>
  87.     {% endif %}
  88.     <div class="{{ctaItemClass}}">
  89.         {% if listingPhones is not empty and not isListingCallRequest %}
  90.             {% set listingPhone = listingPhones|first %}
  91.                 <a href="javascript:void(0)"
  92.                     ng-click="onSendLead($event,{
  93.                             leadType:'call' ,
  94.                             actionType:'{{ SHOW_PHONE_CONSTANT }}' ,
  95.                             listingType:  {{leadSources|serialize('json')}} ,
  96.                             leadSourcePage: '{{leadSourcePage}}' ,
  97.                             propertyCategory: '{{propertyCategory}}',
  98.                             propertySection: '{{propertySectionSlug}}' ,
  99.                             depthProduct: '{{depthProduct}}',
  100.                             insideCompound: '{{insideCompound}}',
  101.                             listingId: '{{ listing.id }}' ,
  102.                         });"
  103.                     class="gtm-btn-listing-phone {{ phoneBtnStyleClasses }} {{ phoneAnalyticsClasses }} custom-collapse__toggle-btn "
  104.                     data-gtm-listing-id="{{ listing.id }}"
  105.                     data-img-class="cta-icon rtl-flip-icon"
  106.                     data-img-src="/images/BrandsIcons/ic_phone_white.svg"
  107.                     data-color="btn-blue"
  108.                     submit-text="{{'label.lead.call_now'|trans }}"
  109.                 >
  110.                     <img
  111.                         src="/images/BrandsIcons/ic_phone_white.svg"
  112.                         class="cta-icon rtl-flip-icon" width="{{iconSize}}" height="{{iconSize}}"
  113.                     />
  114.                     <span {{btnHiddenText}}>{{ 'listing.show_seller_phone'|trans }}</span>
  115.                 </a>
  116.         {% else %}
  117.             <!-- Request a Call form -->
  118.             {{ form_start(call_request, {attr: {'onsubmit': 'return false;'}})
  119.             }}
  120.             {# {{ form_widget(call_request._token, {'attr': {'ng-init': 'data.call_request._token="'~ call_request._token.vars.value ~'"' }}) }}  #}
  121.             <button type="button"
  122.                 ng-click="onSendLead($event,{
  123.                         leadType:'request_call' ,
  124.                         actionType:'{{ CALL_REQUEST_CONSTANT }}' ,
  125.                         leadSourcePage: '{{leadSourcePage}}' ,
  126.                         propertyCategory: '{{propertyCategory}}',
  127.                         propertySection: '{{propertySectionSlug}}' ,
  128.                         depthProduct: '{{depthProduct}}',
  129.                         insideCompound: '{{insideCompound}}',
  130.                         listingType:  {{leadSources|serialize('json')}} ,
  131.                         listingId: '{{ listing.id }}' ,
  132.                     });"
  133.                 class="{{ phoneBtnStyleClasses }} {{ requestPhoneAnalyticsClasses }} gtm-btn-listing-call-request btn-primary"
  134.                 ng-disabled="callRequested[{{listing.id}}]"
  135.                 data-color="btn-primary"
  136.                 submit-text="{{'label.lead.call_request_now'|trans }}"
  137.                 data-img-class="cta-icon rtl-flip-icon"
  138.                 data-img-src="/images/BrandsIcons/ic_phone_white.svg"
  139.                 >
  140.                     <img
  141.                         src="/images/BrandsIcons/ic_phone_white.svg"
  142.                         class="cta-icon rtl-flip-icon"
  143.                         ng-hide="callRequested[{{listing.id}}]"
  144.                         width="{{iconSize}}" height="{{iconSize}}"
  145.                     />
  146.                     <span class="fa fa-check-sign" ng-show="callRequested[{{listing.id}}]"> </span>
  147.                     <span {{btnHiddenText}}> {{ 'label.lead.call_request'|trans }} </span>
  148.             </button>
  149.             {{ form_end(call_request) }}
  150.         {% endif %}
  151.     </div>
  152.     {% if not isPrimarySoldOutCta and not leadIsCreatedFromSlider %}
  153.         <div class="{{ctaItemClass}} cta-item__message-btn">
  154.             {% if isMessageEnabled %}
  155.                 <a href="javascript:void(0)" id="sendEmail"
  156.                     data-img-class="cta-icon"
  157.                     data-img-src="/images/BrandsIcons/ic_email_blue.svg"
  158.                     ng-click="showMessageForm($event, {{leadSources|serialize('json')}});"
  159.                     class="custom-collapse__toggle-btn messageBtn {{mesageBtnStyleClasses}}">
  160.                         <img
  161.                             src="/images/BrandsIcons/ic_email_blue.svg"
  162.                             class="cta-icon"
  163.                             ng-hide="callRequested[{{listing.id}}]"
  164.                             width="{{iconSize}}" height="{{iconSize}}"
  165.                         />
  166.                         <span {{isMessageTextHidden}}> {{ 'listing.seller_email'|trans }} </span>
  167.                 </a>
  168.             {% endif %}
  169.         </div>
  170.     {% endif %}
  171.     {% if not isScrapped and enableMessageForm %}
  172.         {% if not listing.user.hasRole('ROLE_TROOP') and (not isEnabledFeature('web.chat.app') or IS_PROJECT) %}
  173.             <div class="listingForm p-0">
  174.                 <div>
  175.                     <div class="col-xs-12 padding-md-zero hidden-lg hidden-md">
  176.                         <span class='listing-details'>
  177.                             <div class="page-header ">
  178.                                 <h5 class="section-title__header"> {{ 'listing.send_message_to'|trans }} (
  179.                                     <a
  180.                                         href="{{ path('aqarmap_user_listings', {'id': listing.user.id}) }}">{{ listing.user.fullName|default(listing.user.username) }}
  181.                                     </a> ).
  182.                                 </h5>
  183.                             </div>
  184.                         </span>
  185.                     </div> <!-- end col12-->
  187.                     {{ form_start(contact_seller_form) }}
  189.                     {{ form_row(contact_seller_form.subject, {value : 'Re: '~ listing.title|striptags}) }}
  191.                     {{ form_row(contact_seller_form.type, {value : SEND_MESSAGE_CONSTANT}, {attr: {'ng-model': 'sellerMessageType', 'ng-init': 'sellerMessageType={{SEND_MESSAGE_CONSTANT}}'}}) }}
  193.                     {% set textAreaPlaceholder = 'layout.write_question'|trans %}
  194.                     {{ form_widget(contact_seller_form.message,{attr: {'class': 'form-control mb-md', 'placeholder': textAreaPlaceholder, 'ng-model': '$root.sellerMessageContent'}}) }}
  196.                     <button type="submit"
  197.                     class=" col cta-btn-col btn btn-block cta-btn listing-cta-btn btn-blue rounded-pill  gtm-btn-listing-message " data-gtm-listing-id="{{ listing.id }}"
  198.                     ng-click="onSendLead($event,{
  199.                         leadType: 'email' ,
  200.                         actionType:'{{ SEND_MESSAGE_CONSTANT }}' ,
  201.                         leadSourcePage: '{{leadSourcePage}}' ,
  202.                         propertyCategory: '{{propertyCategory}}',
  203.                         propertySection: '{{propertySectionSlug}}' ,
  204.                         depthProduct: '{{depthProduct}}',
  205.                         insideCompound: '{{insideCompound}}',
  206.                         listingType:  {{leadSources|serialize('json')}} ,
  207.                         listingId: '{{ listing.id }}' ,
  208.                     });"
  209.                     ng-disabled="contact_seller.$invalid" >
  210.                         {{ 'listing.send_message'|trans }}
  211.                     </button>
  213.                     {{ form_end(contact_seller_form) }}
  214.                 </div>
  215.             </div>
  216.         {% endif %}
  217.     {% endif %}
  218. </div>