src/Aqarmap/Bundle/UserBundle/Resources/views/User/listingQuickLeadModal.html.twig line 1

  1. {% set user = app.user %}
  2. {% set userName = user ? user.fullname : '' %}
  3. {% set userEmail = user ? user.email : '' %}
  4. {% set userPhone = user ? user.phoneNumber : '' %}
  5. {% set countryCode = "+20" %}
  6. {% set showSellerInfo = listing is defined and listing.category != SCRAPPED_LISTING_CATEGORY %}
  7. {% if app.user and not user.phoneNumber starts with user.mainNumber.phone.countryCode %}
  8. {% set countryCode = user.mainNumber.phone.countryCode %}
  9. {% endif %}
  10. {% set isAgentSearchPage = app.request.attributes.get('_route') in ['aqarmap_agents_search', 'aqarmap_agents_search_with_location', 'aqarmap_user_listings'] %}
  11. {% set isCompanyProfilePage = isCompanyProfile is defined and isCompanyProfile %}
  12. {% set companiesTab = currentTab is defined and currentTab == 'companies' %}
  13. {% set isCompanyUserLeadMessage = companiesTab or isCompanyProfilePage %}
  14. {% set formID = 'quickLeadForm' %}
  15. {% set userHasEmail = userEmail|length > 0 ? true : false %}
  16. {% set phonePlaceholder = 'popup_form.register_popup_phone_number'|trans ~ '*' %}
  17. {% set namePlaceholder = 'layout.static_placeholders.name_placeholder'|trans %}
  18. {% if isEnabledFeature('web.small.registration') %}
  19. {% set namePlaceholder = 'popup_form.register_popup_name'|trans ~ '*' %}
  20. {% endif %}
  23. <div class="modal bd-example-modal-lg countryCode quick-lead-modal small easy-access"
  24. id="listing-quick-lead-modal"
  25. tabindex="-1"
  26. role="dialog"
  27. {% if app.user %}
  28. ng-init="setLoggedInUser({
  29. 'name': '{{ userName }}',
  30. 'email': '{{ userEmail }}',
  31. 'phone': '{{ userPhone }}',
  32. 'countryCode': '{{ user.mainNumber.phone.countryCode }}'
  33. })"
  34. {% else %}
  35. ng-init="setLoggedInUser(null)"
  36. {% endif %}
  37. >
  38. <div class="modal-dialog" role="document" >
  39. <div class="modal-header modal-lg">
  40. {% if isEnabledFeature('web.registration.survey') %}
  41. <button type="button"
  42. class="close-absolute"
  43. ng-click="closeModelEvent('gtm-btn-registeration-closed')"
  44. data-dismiss="modal"
  45. data-toggle="modal"
  46. data-target="#RegistrationSurveyModal"
  47. aria-label="Close"
  48. >
  49. <span>x</span>
  50. </button>
  51. {% else %}
  52. <button type="button"
  53. class="close-absolute"
  54. data-dismiss="modal"
  55. aria-label="Close"
  56. >
  57. <span>x</span>
  58. </button>
  59. {% endif %}
  60. <span class="modal-title model-header-title">
  61. {% if isAgentSearchPage %}
  62. {% if isCompanyUserLeadMessage %}
  63. {{ 'agents_search_page.company_user_lead_message'|trans }}
  64. {% else %}
  65. {{ 'agents_search_page.agent_user_lead_message'|trans }}
  66. {% endif %}
  67. {% else %}
  68. {{ 'listing.lead_message'|trans }}
  69. {% endif %}
  70. </span>
  71. </div>
  72. <div class="modal-content modal-lg">
  73. {{ form_start(form, {'attr': {'id': formID}}) }}
  74. <div class="modal-body">
  75. <div class="modal-listing-contact">
  76. <div class="full-height">
  77. <div class="col-xs-12 contact-container full-height"
  78. ng-init="setAutoGeneratedEmailStatus({{ isEnabledFeature('web.small.registration') }})">
  79. <div class="form-group">
  80. {{ form_widget(form.name, {'attr':{'class': 'form-control','value': userName, 'placeholder': namePlaceholder}}) }}
  81. {{ form_errors(form.name) }}
  82. </div>
  83. {% if not isEnabledFeature('web.small.registration') %}
  84. <div class="form-group">
  85. {{ form_widget(form.email, {'attr':{
  86. 'class': 'form-control',
  87. 'value': userEmail,
  88. 'placeholder': 'layout.static_placeholders.email_placeholder'|trans,
  89. }})
  90. }}
  91. <span id="emailError" class="text-danger modalError email-error"></span>
  92. </div>
  93. {% else %}
  94. <div class="form-group"
  95. ng-class="{'m-0': !showEmail}">
  96. <input type="email"
  97. id="lead_email"
  98. name="lead[email]"
  99. required="required"
  100. class="form-control"
  101. ng-class="{'d-none': !showEmail}"
  102. ng-value="!showEmail ? 'user+@aqarmap.com' : ''"
  103. placeholder="{{ 'layout.static_placeholders.email_placeholder'|trans }}"
  104. />
  105. <span id="emailError" class="text-danger modalError email-error" ng-class="{'d-none': !showEmail}"></span>
  106. </div>
  107. {% endif %}
  108. <div class="form-group mb-0" ng-init="setUserNumber({{ userPhone }})">
  109. {{ form_widget(form.phone ,{'attr':{
  110. 'ng-model': 'userNumber',
  111. 'class': 'form-control phone',
  112. 'ng-value': userPhone,
  113. 'placeholder': phonePlaceholder
  114. }})
  115. }}
  116. {{ form_errors(form.phone) }}
  117. <span id="phoneError" class="text-danger modalError phone-error"></span>
  118. <input
  119. type="hidden"
  120. id="leadCountryCode"
  121. class="form-control"
  122. name="countryCode"
  123. value="{{ countryCode }}"
  124. />
  125. </div>
  126. <input type="hidden"
  127. id="userEmailIsAdded"
  128. class="form-control"
  129. name="userEmailIsAdded"
  130. ng-value="userEmailIsAdded"
  131. />
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. <div class="modal-footer text-center">
  138. <div class="form-group lead-submit mb-0 mx-auto w-100">
  139. <button type="submit"
  140. id="quickLeadButton"
  141. class="btn btn-submit btn-primary btn-footer"
  142. name="_submit"
  143. >
  144. <i id="loginSpinner"></i> {{ 'popup_form.proceed'|trans }}
  145. </button>
  146. </div>
  147. </div>
  148. {{ form_end(form, {'render_rest': false}) }}
  149. </div>
  150. </div>
  151. </div>