<turbo-stream action="prepend" target="modals">
  <template><div
  class="modal fade"
  id="customer_login_modal"
  data-modals-target="modal"
  tabindex="-1"
  aria-labelledby="customer_login_modalLabel"
  aria-modal="true"
>
  <div class="modal-dialog modal-dialog-centered ">
    <div class="modal-content">
      <div class="modal-header"><h1 class="modal-title fs-5" id="customer_login_modalLabel">Anmelden</h1><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
      </div>
      <div class="modal-body"><form
  id="login-form-container"
  method="post"
  action="/customer/login.turbo_stream"
  novalidate
  data-controller="form"
  data-action="submit->form#validate"
>
  <input type="hidden" name="authenticity_token" value="ivrXN3A7BvcqNFB-L8iNz5fc27gMj3M30FgN_k-6FR3ucfQzN5N1Ok_JjysqPlNEWloYpXpT1Ql34yP6-QHJ3A"><input type="hidden" name="modal_id" value="customer_login_modal" autocomplete="off"><div class="d-flex flex-column gap-3">
    <div class="form-floating">
      <input
        type="email"
        id="login_email"
        value=""
        aria-describedby="login_email_feedback"
        class="form-control"
        placeholder="name@beispiel.de"
        name="customer[email]"
        required
        autocomplete="username"
      >
      <label for="login_email">E-Mail-Adresse</label>
      <div id="login_email_feedback" class="invalid-feedback">Ungültiges E-Mail-Format</div>
    </div>

    <div class="form-floating">
      <input
        type="password"
        class="form-control"
        id="login_password"
        aria-describedby="login_password_feedback"
        placeholder="Passwort"
        name="customer[password]"
        required
        autocomplete="current-password"
      >
      <label for="login_password">Passwort</label>
      <div id="login_password_feedback" class="invalid-feedback">Kein Passwort</div>
    </div>

    <button class="btn btn-lg btn-primary w-100" type="submit">
      <span class="show-when-enabled"><i class="fal fa-sign-in fa-fw me-2"></i>Anmelden</span>
      <span class="show-when-disabled"><i class="fal fa-spinner fa-fw fa-spin me-2"></i>Anmelden</span>
    </button><a
      href="/customer/password/new.turbo_stream"
      data-turbo-stream
      data-turbo-frame="_top"
      class="link-primary fw-bold text-center"
    >Ich habe mein Passwort vergessen</a>
    <a
      href="/customer/sign-up.turbo_stream"
      data-turbo-stream
      data-turbo-frame="_top"
      class="link-primary fw-bold text-center"
    >Jetzt Konto anlegen</a>
  </div>
</form>
</div></div>
  </div>
</div>
</template>
</turbo-stream>
