<turbo-stream action="replace" target="modal"><template>
  <div id="modal" class="modal modal-lg" data-controller="modal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Sign up</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        
    <div class="ds-authmodal">
      <ul class="nav nav-pills ds-authmodal__tabs mb-3" role="tablist">
  <li class="nav-item" role="presentation">
    <button class="nav-link" id="authLoginTab" data-bs-toggle="tab" data-bs-target="#authLogin" type="button" role="tab">Log in</button>
  </li>
  <li class="nav-item" role="presentation">
    <button class="nav-link active" id="authRegisterTab" data-bs-toggle="tab" data-bs-target="#authRegister" type="button" role="tab">Sign up</button>
  </li>
</ul>
<div class="tab-content">
  <div class="tab-pane fade" id="authLogin" role="tabpanel">
    <form data-turbo="false" class="needs-validation" id="new_user" action="/users/sign_in" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3Xcu1VdTEDDPEvQORTBU4wtVqohmhUTgTdnQV1JAqG2VIii9Az4KJ1aH9xJ3Cc5NTmwuLhzZs_fpkw32nvH82g" autocomplete="off" />
  <div class="mb-3">
    <label class="form-label fw-semibold" for="user_email">Email</label>
    <input autofocus="autofocus" autocomplete="email" class="form-control" type="email" value="" name="user[email]" id="user_email" />
  </div>
  <div class="mb-3">
    <label class="form-label fw-semibold" for="user_password">Password</label>
    <input autocomplete="current-password" class="form-control" type="password" name="user[password]" id="user_password" />
  </div>
    <div class="form-check mb-3">
      <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input class="form-check-input" type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
      <label class="form-check-label" for="user_remember_me">Remember me</label>
    </div>
  <div class="d-grid">
    <input type="submit" name="commit" value="Log in" class="btn btn-primary" data-disable-with="Log in" />
  </div>
</form>
    <div class="mt-3 text-center small">
      <a href="/users/password/new">Forgot your password?</a>
    </div>
  </div>
  <div class="tab-pane fade show active" id="authRegister" role="tabpanel">
    <form class="needs-validation" id="new_user" data-turbo="false" action="/users" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s8SmZuWkbVq854yzfe6BMqRf7w2wt6cGcFG2m7etf3ptllVfxwq7i1vQCti7aYeyqdG6cpFOYhZUfQCWl0EK4w" autocomplete="off" />
  
  <div class="title_1784155016"><style media="screen">.title_1784155016 {display:none;}</style><label for="title">If you are a human, ignore this field</label><input type="text" name="title" id="title" autocomplete="off" tabindex="-1" /><input type="hidden" name="spinner" value="90093e9361778cea924ee53f969f848c" autocomplete="off" /></div>
  <div class="mb-3">
    <label class="form-label fw-semibold" for="user_name">Name</label>
    <input class="form-control" type="text" name="user[name]" id="user_name" />
  </div>
  <div class="mb-3">
    <label class="form-label fw-semibold" for="user_email">Email</label>
    <input autocomplete="email" class="form-control" type="email" value="" name="user[email]" id="user_email" />
  </div>
  <div class="mb-3">
    <label class="form-label fw-semibold" for="user_password">Password</label>
      <small class="text-muted d-block mb-2">
        (6 characters minimum)
      </small>
    <input autocomplete="new-password" class="form-control" type="password" name="user[password]" id="user_password" />
  </div>
  <div class="mb-3">
    <label class="form-label fw-semibold" for="user_password_confirmation">Password confirmation</label>
    <input autocomplete="new-password" class="form-control" type="password" name="user[password_confirmation]" id="user_password_confirmation" />
  </div>
  <div class="form-check mb-3">
    <input name="user[tos_agreement]" type="hidden" value="0" autocomplete="off" /><input class="form-check-input" type="checkbox" value="1" name="user[tos_agreement]" id="user_tos_agreement" />
    <label class="form-check-label" for="user_tos_agreement">By signing up, you agree to our <a target="_blank" href="/terms">Terms of Service</a> and <a target="_blank" href="/privacy">Privacy Policy</a>.</label>
  </div>
  <div class="d-grid">
    <input type="submit" name="commit" value="Sign up" class="btn btn-primary" data-disable-with="Sign up" />
  </div>
</form>
  </div>
</div>

    </div>

      </div>
    </div>
  </div>
</div>
</template></turbo-stream>