<turbo-stream action="prepend" target="modals">
  <template><div
  class="modal fade"
  id="welcome_modal"
  data-modals-target="modal"
  data-bs-backdrop="true"
  data-bs-keyboard="true"
  tabindex="-1"
  aria-labelledby="welcome_modalLabel"
  aria-modal="true"
>
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header flex-column position-relative border-0">
        <img
          src="/uploads/theme_assets/bb/ed/bbedfe7726de4aa574f2ecfc67a243b5/a500780f07c3ad07a1fb4e7eb2147b2013ec219f75b9f5bf-leoniden_logo.png"
          height="32"
          alt="LEONIDEN logo"
          class="object-fit-contain mw-100 d-inline"
        >
        <button type="button" class="btn-close position-absolute top-0 end-0 m-3" data-bs-dismiss="modal" aria-label="Schließen"></button>
      </div>

      <div class="modal-body"><div id="newsletter_new">
          <h1 class="modal-title fs-4 text-center" id="welcome_modalLabel">Hier anmelden für den offiziellen Newsletter</h1><form
  id="newsletter-form-container"
  action="/newsletter"
  method="post"
  data-turbo-frame="_top"
  data-turbo-action="advance"
  novalidate
  class="mt-4"
  data-controller="form"
  data-action="submit->form#validate"
>
  <input type="hidden" name="_method" value="post" autocomplete="off">
  <input
    type="hidden"
    name="authenticity_token"
    value="lVGwf30GfYMB9OOMbhvNkUXImxeD6YOTjB3mmtq-PNMPmXh9z05zmVSzUoGj6Q9ylxWsn4kAexcFY0U7Wg9l8Q"
    autocomplete="off"
  >
  <div class="row g-4">
    <div class="col-12">
      <div id="email_input" class="flex-fill"><div class="form-floating">
  <input
    type="email"
    value=""
    class="form-control scroll-m-5"
    id="email"
    aria-describedby="email_feedback"
    name="newsletter[email]"
    placeholder="E-Mail"
    pattern="[\w+.\-]+@\w+(?:[\-.]\w+)*\.\w{2,}"required="true"autocomplete=" email"
  >
  <label for="email" class="text-muted">E-Mail</label>
  <div id="email_feedback" class="invalid-feedback">Ungültiges E-Mail-Format</div>
</div>
</div>
    </div>
    <div class="col-12">
      <div class="form-check form-control-lg">
        <input
          id="accept-tnc-checkbox"
          type="checkbox"
          name="tnc_accept"
          class="form-check-input"
          required
        >
        <label class="form-check-label fs-6" for="accept-tnc-checkbox">Ich bestätige, dass ich auf der Grundlage der von mir gelesenen <a href='/privacy' target='_blank'>Datenschutzerklärung</a> in die Verarbeitung meiner Daten einwillige. Ferner bestätige ich, dass ich die <a href='/tnc' target='_blank'>Allgemeinen Geschäftsbedingungen</a> gelesen habe und diese akzeptiere.</label>
      </div>
    </div>
    <div class="col-12">
      <button class="btn btn-lg btn-primary mt-4 px-5 w-100" type="submit">
        <span>
          <span class="show-when-enabled">Anmelden</span>
          <span class="show-when-disabled"><i class="fas fa-spinner fa-spin"></i></span>
        </span>
      </button>
    </div>
  </div>
</form>
</div>
      </div>
    </div>
  </div>
</div>
</template>
</turbo-stream>
