<div class="modal" data-widget="saas2">
  <div class="modal__close" data-role="saas2-close">
    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M14 2L2.00001 14" stroke="#445667" stroke-width="4"/>
      <path d="M2 2L14 14" stroke="#445667" stroke-width="4"/>
    </svg>
  </div>
  <div class="container">
    <div class="modal__content">
      <div class="form-message form-success" style="display: none;">
        <div class="form-message__icon">
          <img src="../../../assets/resource/lp/Group%20666.png" alt="">
        </div>
        <div class="form-message__inner">
          <div class="form-message__title titleL" data-lang="lng-formSuccessTitle">
            Your message has been successfully sent
          </div>
          <div class="form-message__text defaultBase" data-lang="lng-formSuccessSubTitle">
            Thank you for your interest! Our team will contact you shortly to discuss the details.
          </div>
          <div class="form-message__actions">
            <a href="/lp/saas" class="button CTABase" data-lang="lng-formSuccessBtn">OK</a>
          </div>
        </div>
      </div>
      <div class="form-message form-error" style="display: none;">
        <div class="form-message__icon">
          <img src="../../../assets/resource/lp/Group%20664.png" alt="">
        </div>
        <div class="form-message__inner">
          <div class="form-message__title titleL" data-lang="lng-formErrorTitle">
            Something went wrong...
          </div>
          <div class="form-message__actions">
            <p class="button CTABase" data-role="saas2-request-reset" data-lang="lng-formErrorBtn">Please try again</p>
          </div>
        </div>
      </div>

      <form class="form" action="https://group.quadcode.com/api/lp/saas" data-role="saas2-request" data-name="saas2-request" data-widget="form">
        <input type="hidden" name="referrer" value="/lp/saas" />
        <div class="form__title titleL" data-lang="lng-formTitle">Make a shortcut <br> to start your brokerage</div>
        <div class="form__container">
          <div class="form__wrapper">
            <div class="form-field">
              <div class="form-field__error">Required</div>
              <label for="saas2-request-first_name" class="form-field__label">
                <input name="first_name" id="saas2-request-first_name" class="form-field__input defaultB" placeholder="Name" data-lang="lng-InputName" data-lang-type="input">
              </label>
            </div>
          </div>
          <div class="form__wrapper">
            <div class="form-field">
              <div class="form-field__error">Required</div>
              <label for="saas2-request-email" class="form-field__label">
                <input type="text" name="email" id="saas2-request-email" class="form-field__input defaultB" inputmode="email" placeholder="Email" data-lang="lng-InputEmail" data-lang-type="input">
              </label>
            </div>
          </div>
          <div class="form__wrapper">
            <div class="form-field">
              <div class="form-field__error">Required</div>
              <label for=saas2-request-phone class="form-field__label form-field__label--required">
                <input name="phone" id="saas2-request-phone" class="form-field__input t-description-1" inputmode="tel" placeholder="Phone">
              </label>
            </div>
          </div>
          <div class="form__wrapper recaptcha">
            <div class="form-field">
              <div id="saas-request-g-recaptcha-response" class="captchaWrapper"></div>
              <div class="form-field__error">Required</div>
            </div>
          </div>
          <script>
              function recaptchaCallback() {
                  const reCaptchaOptions = {sitekey: '6LceR2gjAAAAAIY2W8wlNB221ijjeTmLVfuFDma_'};
                  if (document.querySelector('#saas-request-g-recaptcha-response') !== null) {
                      window.dataRequestFormCaptcha = grecaptcha.render('saas-request-g-recaptcha-response', reCaptchaOptions);
                  }
              }
          </script>
          <script src="https://www.google.com/recaptcha/api.js?onload=recaptchaCallback&render=explicit&hl=en" async defer></script>
          <button class="button button--red ctaB" data-lang="lng-formButton">Send request</button>
          <div class="form__wrapper">
            <div class="checkbox">
              <span class="checkbox__error">Required</span>
              <input type="checkbox" name="terms_agree" id="saas2-request-terms_agree" class="checkbox__input">
              <label for="saas2-request-terms_agree" class="checkbox__label">
                <span class="checkbox__icon"></span>
                <span class="checkbox__text defaultS" data-lang="lng-checkboxConfirm">By sticking the check box I consent with the
                  <a href="/terms-and-conditions" class="checkbox__link">terms and conditions</a>
                  and the
                  <a href="/privacy-policy" class="checkbox__link">policy</a>
                  of the website
              </span>
              </label>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>

</div>