<turbo-stream action="update" target="sign_up"><template><div class="card sign-up-card forwards text-white shadow-lg p-3" data-controller="slide-out loader apple-detect">
  
  <div class="form-overlay card border-0 text-white" data-loader-target="loadingOverlay">
    <i class="bi bi-cup-hot-fill loading-icon mb-0" data-loader-target="loadingIcon" data-action="animationend->loader#handleLoadingEnd"></i>
    <p class="text-center form-result-message" data-loader-target="message" data-apple-detect-target="text" data-action="animationend->loader#handleComplete">Successfully signed up!</p>
  </div>

  <a data-action="click-&gt;slide-out#slide" href="#">
    <i class="bi bi-x-square exit-button"></i>
</a>  <h1 class="card-title sign-up-title text-center borel mb-0" data-apple-detect-target="text">Subscribe</h1>
  <p class="text-center mb-0 fs-5">Never miss a new batch!</p>
  <div class="card-body pt-4 p-sm-3">
    
    <form data-loader-target="form" data-action="turbo:submit-end-&gt;loader#show" action="/subscriptions" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5BwSx7UMAUka25rFlodZv1DWxiqqBWc8Pu2-2Z_H2BQbJUxJshXxKTR2qxf5ce4vgjw5widI78f9CsIxA9Xy2Q" />

      <!-- Turbo Stream Render Errors -->
      <turbo-frame id="subscribe_form_errors"></turbo-frame>

      <div class="mb-4">
        <input class="form-control sign-up-control-one" placeholder="First name" required="required" type="text" name="subscription[first_name]" id="subscription_first_name" />
      </div>
      <div class="mb-4">
        <input class="form-control sign-up-control-two" placeholder="Last name" required="required" type="text" name="subscription[last_name]" id="subscription_last_name" />
      </div>
      <div class="mb-4">
        <input class="form-control sign-up-control-three" placeholder="Email" required="required" type="email" name="subscription[email]" id="subscription_email" />
      </div>
      <div class="">
        <input type="submit" name="commit" value="Sign Up" data-loader-target="button" data-disable-with="Sign Up" class="dongle btn btn-secondary sign-up-button rounded-0" />
      </div>
</form>  </div>
</div>
</template></turbo-stream>