<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/38/e9/38e92d65431a60ba461e531c1eff442f/26ab00a1ba9a244ffe1b0abfb8b284d8d41b3c1e41deb21d-z_logo.png"
          height="32"
          alt="zartmann 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 exklusiven Ticketpresale</h1>
          <p class="text-center mt-2 mb-0 fs-7">Bekomme vor allen anderen Zugang zum Ticketvorverkauf!</p><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="877wWjfpwXbWxDt9_palNTf_RW0OL-m-OpIrEmVX8445FWQEhIEgqCD7dUhJqFXB0_CGmvFi-ImraZYunvBm1A"
    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="[^@\s]+@[^@\s]+\.[^@\s]+"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-8" for="accept-tnc-checkbox">Ja, ich möchte den Newsletter erhalten. Ich willige ein, dass mir die dafür bin ich frei GmbH und die Sony Music Entertainment Germany GmbH per E-Mail Newsletter mit Informationen, Angeboten und Neuigkeiten zum Künstler Zartmann senden, unter anderem zu Veröffentlichungen, Konzerten und Merchandise. Dafür darf tickettoaster meine Kontaktdaten und den Status dieser Einwilligung an die genannten Absender übermitteln; Einzelheiten stehen in der <a href='/privacy' target='_blank'>Datenschutzerklärung</a>. Meine Einwilligung ist freiwillig. Ich kann sie jederzeit mit Wirkung für die Zukunft widerrufen, per Abmeldelink in jeder Newsletter-E-Mail oder durch Nachricht an die dafür bin ich frei GmbH (<a href='mailto:zarti@zartmann.net'>zarti@zartmann.net</a>) oder die Sony Music Entertainment Germany GmbH (<a href='mailto:datenschutz@sonymusic.com'>datenschutz@sonymusic.com</a>).</label>
      </div>
    </div>
    <div class="col-12">
      <button class="btn btn-lg btn-primary px-5 w-100" type="submit">
        <span>
          <span class="show-when-enabled">Anmelden</span>
          <span class="show-when-disabled">
            <img src="/uploads/theme_assets/7c/f3/7cf38dccd216c34544f997f116b7cfcb/26ab00a1ba9a244ffe1b0abfb8b284d8d41b3c1e41deb21d-loader.gif" class="z-loader me-1" alt="" aria-hidden="true">
          </span>
        </span>
      </button>
    </div>
  </div>
</form>
</div>
      </div>
    </div>
  </div>
</div>
</template>
</turbo-stream>
