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

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