<turbo-stream action="append" targets="body">
  <template>
    <div id="access-request-modal" class="modal" data-controller="modal" data-modal-open-value="true" tabindex="-1">
      <div class="modal-dialog">
        <form autocomplete="off" action="/access_requests" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MkJRi6d4aPgKgdEOkn3dawnQ1iOJ87zo7ZNAlDGIhJ0lsFfngErB8n9dMlO9e-C1NrPWvvRaqTKURftaFhVolA" autocomplete="off" />
          <div class="modal-content">
            <div class="modal-header">
              <h1 class="modal-title fs-5">Join the waitlist</h1>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
              <div>
                <label class="form-label" for="access_request_email">Your email address</label>
                <input class="form-control form-control-lg" type="email" name="access_request[email]" id="access_request_email" />
              </div>
              <div class="d-none">
                <input class="form-control" type="text" name="access_request[hp]" id="access_request_hp" />
              </div>
            </div>
            <div class="modal-footer">
              <button type="submit" class="btn btn-black btn-lg fw-medium w-100">Join the waitlist</button>
            </div>
          </div>
</form>      </div>
    </div>
  </template>
</turbo-stream>