src/GlobalBundle/Resources/views/layouts/popup.html.twig line 1

Open in your IDE?
  1. {% set CDN_URL = app_CDN_url() %}
  2. <div class="modal book-a-demo fade" id="bookAdemo">
  3.         <div class="modal-dialog modal-lg">
  4.             <div class="modal-content">
  5.                     <button type="button" id="close-btn" class="close" data-dismiss="modal">&times;</button>
  6.                 <!-- Modal body -->
  7.                 <div class="modal-body" id="bookAdemo_normal">
  8.                    {# <h2>{{ pimcore_input("landing_bookademo_title") }}</h2>
  9.                     <p>{{ pimcore_input("landing_bookademo_desc") }}</p> #}
  10.                     <h2>Book A Demo</h2>
  11.                     <p>Book A Demo Description</p>
  13.                     <div class="book-demo-form form-commom-design">
  14.                         <form name="frmBookDemo" id="frmBookDemo" class="application-form" method="POST" >
  15.                         <div class="row no-gutters">
  16.                             <div class="col-md-6">
  17.                                 <div class="form-group">
  18.                                     <label for="firstName" class="d-none">First Name</label>
  19.                                     <input type="text" class="form-control" name="firstName" id="firstName" placeholder="First Name">
  20.                                 </div>
  21.                             </div>
  22.                             <div class="col-md-6">
  23.                                 <div class="form-group">
  25.                                     <label for="lastName" class="d-none">Last Name</label>
  26.                                     <input type="text" class="form-control" name="lastName" id="lastName" placeholder="Last Name">
  28.                                 </div>
  29.                             </div>
  30.                             <div class="col-md-6">
  31.                                 <div class="form-group">
  32.                                     <label for="jobRole" class="d-none">Job Role</label>
  33.                                     <select class="form-control select-job-role" id="jobRole" name="jobRole">
  34.                                         <option value="">Job Role</option>
  35.                                         <option>Owner/CEO</option>
  36.                                         <option>Management</option>
  37.                                         <option>Buyer</option>
  38.                                         <option>Designer</option>
  39.                                         <option>Developer</option>
  40.                                         <option>Marketing</option>
  41.                                         <option>Sales</option>
  42.                                     </select>
  43.                                 </div>
  44.                             </div>
  45.                             <div class="col-md-6">
  46.                                 <div class="form-group">
  47.                                     <label for="companyType" class="d-none">Type Of Company</label>
  48.                                     <select class="form-control type-of-company" id="companyType" name="companyType">
  49.                                         <option value="">Type Of Company</option>
  50.                                         <option>DIY/Garden Centre</option>
  51.                                         <option>MAss Merchant/Warehouse</option>
  52.                                         <option>Supermarket</option>
  53.                                         <option>Department Store</option>
  54.                                         <option>Commercial Interior</option>
  55.                                         <option>Homeware/Interior Designer</option>
  56.                                         <option>HoReCa</option>
  57.                                         <option>Individual</option>
  58.                                         <option>Other</option>
  59.                                     </select>
  60.                                 </div>
  61.                             </div>
  62.                             <div class="col-md-6">
  63.                                 <div class="form-group">
  64.                                     <label for="companySize" class="d-none">Company Size</label>
  65.                                     <select class="form-control company-size" id="companySize" name="companySize">
  66.                                         <option value="">Company Size</option>
  67.                                         <option>1-10</option>
  68.                                         <option>11-100</option>
  69.                                         <option>101-250</option>
  70.                                         <option>251-500</option>
  71.                                         <option>501-1000</option>
  72.                                         <option>1001+</option>                                        
  73.                                     </select>
  74.                                 </div>
  75.                             </div>
  76.                             <div class="col-md-6">
  77.                                 <div class="form-group">
  78.                                     <label for="companyName" class="d-none">Company Name</label>
  79.                                     <input type="text" class="form-control" id="companyName" name="companyName" placeholder="Company Name">
  81.                                 </div>
  82.                             </div>
  83.                             <div class="col-md-6">
  84.                                 <div class="form-group">
  85.                                     <label for="email" class="d-none">Email</label>
  86.                                     <input type="text" class="form-control" id="email" name="email" placeholder="Email">
  88.                                 </div>
  89.                             </div>
  90.                             <div class="col-md-6">
  91.                                 <div class="form-group">
  92.                                     <button type="submit" name="submit_bookdemo" class="btn btn-send">{{ pimcore_input("landing_bookademo_btnsend") }}</button>
  93.                                 </div>
  94.                             </div>
  95.                         </div>
  96.                         </form>
  97.                         <div class="col-md-12" id="bookAdemo_error" style="display:none">Error!!</div>
  99.                     </div>
  100.                 </div>
  101.                 <div class="modal-body" id="bookAdemo_success" style="display:none">
  102.                     <h2>THANKS!</h2>
  103.                     <p>Once we’ve reviewed your company we’ll be in touch.</p>
  105.                     <div class="book-demo-form form-commom-design border-0">
  106.                         <form>
  107.                         <div class="row no-gutters">
  108.                             <div class="col-md-12">
  109.                                 <div class="thanks-icon">
  110.                                     <img src="{{asset(CDN_URL~'/assets/images/book-de,mo-thanks-icon.svg')}}" alt="Thanks Icon">
  111.                                 </div>
  112.                                 </div>
  113.                         </div>
  114.                         </form>
  115.                     </div>
  116.                 </div>
  117.             </div>
  118.         </div>
  119.     </div>
  121.    <!-- Sign UP Modal -->
  122.   <div class="modal fade signup-modal" id="signup" tabindex="-1" role="dialog" aria-labelledby="signupmodalTitle" aria-hidden="true">
  123.     <div class="modal-dialog modal-dialog-centered" role="document">
  124.       <div class="modal-content">
  125.         <div class="modal-header">
  126.           <h5 class="modal-title" id="exampleModalLongTitle">Let's Get You</h5>
  127.           <h2><em>Signed Up!</em></h2>
  128.           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  129.             <span aria-hidden="true">&times;</span>
  130.           </button>
  131.         </div>
  132.         <div class="modal-body">
  133.             <form name="frmSignup" id="frmSignup" class="application-form" method="POST">
  134.                 <div class="form-row">
  135.                   <div class="col-md-12">
  136.                     <input type="text" name="firstName" id="signupFirstName" class="form-control" placeholder="First name *">
  137.                   </div>
  138.                   <div class="col-md-12">
  139.                     <input type="text" name="lastName" id="signupLastName" class="form-control" placeholder="Last name ">
  140.                   </div>
  141.                   <div class="col-md-12">
  142.                     <input type="text" class="form-control" name="companyName" id="signupCompanyName" placeholder="Company name *">
  143.                   </div>
  144.                 <div class="col-md-3 col-4">
  145.                     <label for="exampleFormControlInput1" class="d-none">Contact Number</label>
  146.                     <input class="form-control contactNumberCode" id="jquery-intl-phone" name="contactNumberCode" type="tel">
  147.                 </div>
  148.           <div class="col-md-9 col-8">
  149.               <input type="number" class="form-control" name="contactNumber" id="signupContactNumber" placeholder="Contact Number" maxlength="15" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
  150.           </div>         
  151.                   <div class="col-md-12">
  152.                     <input type="email" class="form-control" name="email" id="signupEmail" placeholder="Business Email *">
  153.                   </div>
  154.           {% if countries is defined %}
  155.               <div class="col-md-12 country-dropdown-select2-div">
  156.                 <select class="form-control country-dropdown-select2" name="countryName" id="signupCountry">
  157.                     <option value="">Select Country *</option>
  158.                     {% for option in countries %} 
  159.                       {% set getValueStr = app_general_filter_value_string('countryFilter', option.id)  %} 
  160.                       <option value="{{option.name}}">{{getValueStr}}</option>
  161.                     {% endfor %}
  162.                 </select>
  163.               </div>
  164.           {% endif %}
  165.           <div class="col-md-12">
  166.             <input type="text" class="form-control" name="website" id="signupWebsite" placeholder="Website">
  167.           </div>
  168.                   <div class="col-md-9 who-im">
  169.                       <label for="select">I'm A:</label>
  170.                   </div>
  171.                   <div class="col-md-3 slect-user">
  172.               <select class="form-control" name="customerType" id="customerType">
  173.                   <option value="R">Buyer</option>
  174.                   <option value="M">Supplier</option>
  175.                   <option value="R">Designer</option>
  176.               </select>
  177.                     <!--<div class="radio-tile-group">
  178.                         <div class="input-container">
  179.                             <input class="radio-button" value="R" name="customerType" type="radio" name="radio" />
  180.                             <div class="radio-tile">
  181.                                 <p class="radio-tile-label">
  182.                                     Buyer
  183.                                 </p>
  184.                                 <div class="icon walk-icon">
  185.                                     <i class="icofont-check-alt"></i>
  186.                                 </div>
  187.                             </div>
  188.                         </div>
  189.                         <div class="input-container">
  190.                             <input class="radio-button" value="M" name="customerType" type="radio" name="radio" />
  191.                             <div class="radio-tile">
  192.                                 <p class="radio-tile-label">
  193.                                     Supplier
  194.                                 </p>
  195.                                 <div class="icon bike-icon">
  196.                                     <i class="icofont-check-alt"></i>
  197.                                 </div>
  198.                             </div>
  199.                         </div>
  200.                         <div class="input-container">
  201.                             <input class="radio-button" value="D" name="customerType" type="radio" name="radio" />
  202.                             <div class="radio-tile">
  203.                                 <p class="radio-tile-label">
  204.                                     Designer
  205.                                 </p>
  206.                                 <div class="icon car-icon">
  207.                                     <i class="icofont-check-alt"></i>
  208.                                 </div>
  209.                             </div>
  210.                         </div>
  211.                     </div>-->
  212.                   </div>
  213.                   <div class="col-md-12">
  214.                     <input type="password" class="form-control" name="password" id="password" placeholder="Password *">
  215.                   </div>
  216.                   <div class="col-md-12">
  217.                     <input type="password" class="form-control"  name="ConfirmPassword" id="signupConfirmPassword" placeholder="Confirm Password *">
  218.                   </div>
  220.                   <div class="col-md-12 custom-control custom-checkbox my-1 mr-sm-2 check-text">
  221.                     <input type="checkbox" class="custom-control-input" id="customControlInline">
  222.                     <label class="custom-control-label" for="customControlInline">I confirm that I use my Nu Find account exclusively for business purposes and that I am authorized to act on behalf of a company.</label>
  223.                   </div>
  224.                   <div class="col-md-12 custom-control custom-checkbox my-1 mr-sm-2 check-text">
  225.                     <input type="checkbox" name="signupAgree" id="signupAgree" class="custom-control-input">
  226.           {% set currentSite = app_current_site() %}
  227.                     <label class="custom-control-label" for="signupAgree">I have read the 
  228.             {% if currentSite == '3SWebsite' %}
  229.               <a href="#">Privacy Policy</a> 
  230.             {% else %}
  231.               <a href="https://d2fzew76uxzkhe.cloudfront.net/assets/NuFind Website/Legal/Privacy Policy.pdf" target="_blank">Privacy Policy</a> 
  232.             {% endif %}
  233.             and agree to it.
  234.           </label>
  235.           </div>
  236.                   {# reCAPTCHA v2. Site key comes from the RECAPTCHA_SITE_KEY website
  237.                      setting; nothing renders until it is filled in. Verified server
  238.                      side in GeneralHelper::verifyRecaptcha(). #}
  239.                   {% set recaptchaSiteKey = pimcore_website_config('RECAPTCHA_SITE_KEY') %}
  240.                   {% if recaptchaSiteKey %}
  241.                     <div class="col-md-12 recaptcha-wrapper">
  242.                       <div class="g-recaptcha" data-sitekey="{{ recaptchaSiteKey }}"></div>
  243.                       <span class="error-msg" id="signupRecaptcha-error" style="display:none;"></span>
  244.                     </div>
  245.                     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  246.                   {% endif %}
  248.                   <div class="col-md-12 signup-btn">
  249.                     <button type="submit" class="btn btn-secondary disabled" id="signupDone">Sign Up</button>
  250.                   </div>
  251.           {% if '/edit/companies/grid' not in app.request.pathinfo and '/edit/customers/grid' not in app.request.pathinfo %}
  252.             <div class="col-md-12 bottom-txt">
  253.                 <p>Already have an Account?</p>
  254.             </div>
  255.             <div class="col-md-12 login-btn">
  256.                 <button type="button" data-toggle="modal" data-target="#login" data-dismiss="modal" class="btn btn-primary login">Log In</button>
  257.             </div>
  258.         {% endif %}
  259.           
  260.                   
  261.                  
  262.                 </div>
  263.             </form>
  264.         </div>
  265.         
  266.       <div class="modal-body" id="signup_success" style="display:none;">
  267.         <h2 style='color:#d19688;'>WOOHOO! You’re Signed Up!</h2>
  268.         <div class="pop-form-wrapper">
  269.                 <div class="success-msg">
  270.                         <h3>We’ve just sent you an email confirmation. <br>Please double check your junk mail and mark us as<br> ‘not junk’ so that we can message.<br>One of our On-boarders will be in touch soon.<br><br><b>We can’t wait to show you around!</b></h3>
  271.                         <div class="row thanks-btn bottom-btn-row">
  272.                             <div class="form-group btn-wrapper col-md-12">
  273.                                 <button class="btn btn-send" id="close-btn-signup-form" data-dismiss="modal">Close</button>
  274.                             </div>
  275.                         </div>
  276.                 </div>
  277.         </div>
  278.   </div>
  279.       </div>
  280.     </div>
  281.   </div>
  282.     
  283.     
  284.     <!-- Thank you modal -->
  285.     {# <div class="modal dark-pop fade" id="signup_success">
  286.             <div class="modal-dialog modal-lg">
  287.                     <div class="modal-content">
  288.                                     <button type="button" class="close" data-dismiss="modal">&times;</button>
  289.                             <!-- Modal body -->
  290.                             <div class="modal-body">
  291.                                     <h2>WOOHOO! You’re Signed Up!</h2>
  292.                                     <div class="pop-form-wrapper">
  293.                                             <div class="success-msg">
  294.                                                     <h3>We’ve just sent you an email confirmation. <br>Please double check your junk mail and mark us as<br> ‘not junk’ so that we can message.<br>One of our On-boarders will be in touch soon.<br><br><b>We can’t wait to show you around!</b></h3>
  295.                                             </div>
  296.                                     </div>
  297.                             </div>
  298.                     </div>
  299.             </div>
  300.     </div> #}
  301.