<turbo-stream action="update" target="user_info"><template><div class='mt-3'>
  
</div>

<form class="py-3" action="/login?modal=true&amp;product_id=35" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NFV7iteEpWBq7SSoEdIZYtyGCP95hjcVt7ZFyr9UvMd7Cic9CKo_R5o6UOe0mmK1gn2kYLzCINWRxvGyGhyFBA" autocomplete="off" />
  <input type="hidden" name="product_id" id="product_id" value="35" autocomplete="off" />
    <div class='form-floating mb-3'>
      <input class="form-control" placeholder="E-MAIL" required="required" type="email" name="email" id="email" />
      <label for="email">E-MAIL</label>
    </div>
    <div class='form-floating mb-3'>
      <input class="form-control" placeholder="PASSWORD" required="required" type="password" name="password" id="password" />
      <label for="password">PASSWORD</label>
    </div>
  <a data-turbo-frame="turbo_modal" data-turbo-stream="true" href="/reset_password">Forgot your password?</a>
  <div class='d-flex justify-content-center mt-3'>
      <script src="https://www.recaptcha.net/recaptcha/api.js?render=6Le-70QqAAAAALPlZwwpQqC_RAunqJYsXytMzglm"   ></script>
        <script>
          // Define function so that we can call it again later if we need to reset it
          // This executes reCAPTCHA and then calls our callback.
          function executeRecaptchaForLogin() {
            grecaptcha.ready(function() {
              grecaptcha.execute('6Le-70QqAAAAALPlZwwpQqC_RAunqJYsXytMzglm', {action: 'login'}).then(function(token) {
                setInputWithRecaptchaResponseTokenForLogin('g-recaptcha-response-data-login', token)
              });
            });
          };
          // Invoke immediately
          executeRecaptchaForLogin()

          // Async variant so you can await this function from another async function (no need for
          // an explicit callback function then!)
          // Returns a Promise that resolves with the response token.
          async function executeRecaptchaForLoginAsync() {
            return new Promise((resolve, reject) => {
             grecaptcha.ready(async function() {
                resolve(await grecaptcha.execute('6Le-70QqAAAAALPlZwwpQqC_RAunqJYsXytMzglm', {action: 'login'}))
              });
            })
          };

                  var setInputWithRecaptchaResponseTokenForLogin = function(id, token) {
          var element = document.getElementById(id);
          if (element !== null) element.value = token;
        }

        </script>
<input type="hidden" name="g-recaptcha-response-data[login]" id="g-recaptcha-response-data-login" data-sitekey="6Le-70QqAAAAALPlZwwpQqC_RAunqJYsXytMzglm" class="g-recaptcha g-recaptcha-response "/>

      <p class="text-center text-white-50 small mb-0">
  This site is protected by reCAPTCHA and the Google
  <a href="https://policies.google.com/privacy" target="_blank" rel="noopener" class="text-white-50">Privacy Policy</a> and
  <a href="https://policies.google.com/terms" target="_blank" rel="noopener" class="text-white-50">Terms of Service</a> apply.
</p>

  </div>
  <hr>
  <div class="d-flex justify-content-center mb-3">
    <form data-turbo="false" class="button_to" method="post" action="/auth/google_oauth2"><button class="btn btn-outline-light rounded w-75 mx-auto p-2 px-3" type="submit">
      <i class="bi bi-google"></i> SIGN IN WITH GOOGLE
</button><input type="hidden" name="authenticity_token" value="olbwGJ0NC_HPybx-6_kg9XAQvgkPlSknovOhMdIyle3wSpYxAJCidxzorsmGZ6q9Fx6A4rQO34M2GY-Co4_sHg" autocomplete="off" /></form>  </div>
  <hr>
  <div class="btn-group-vertical w-100 mt-3" role="group" aria-label="Basic example">
    <input type="submit" name="commit" value="SUBMIT" class="btn bg-success bg-opacity-25 text-primary border-success btn-dark strong rounded w-75 mx-auto p-2 px-3" data-disable-with="SUBMIT" />
    <a class="btn bg-secondary bg-opacity-25 text-light border-info-subtle strong rounded w-75 mx-auto p-2 px-3 mt-3" data-turbo="false" href="/products">
      BECOME A MEMBER <i class="bi bi-arrow-right-circle text-info"></i>
</a>  </div>
</form></template></turbo-stream>