<turbo-stream action="append" target="fullscreen-overlay"><template><div class="fullscreen-overlay login-overlay-wrapper fullscreen-overlay--slide-from-right fullscreen-overlay--backdrop"
  data-controller="fullscreen-overlay"
  data-fullscreen-overlay-backdrop-value="true"
>
  <div class="login-overlay">
    <div class="login-overlay__header">
      <h3 class="login-overlay__title">S&#39;inscrire</h3>
      <button type="button" class="login-overlay__close" data-action="fullscreen-overlay#onCloseClicked" aria-label="Fermer">
        <i class="fo-icon fo-close"></i>
      </button>
    </div>
    <div class="login-overlay__body">
      <form data-turbo="false" data-controller="form-validator" class="new_customer" id="loginForm" action="/customers/anmelden" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tmTwQV2zbbyQItLNvp3EIHkAE_-a57q-ycCz81YDNYaz4BmgrRvewKr9tvjQkks2s86dasEWNPdFpTXzn6BHAw" autocomplete="off" />
  
  <div class="field-group field-group--large">
    <div class="form-floating">
      <input autocomplete="email" type="email" class="form-control" id="loginEmail" required="required" placeholder="email@email.com" aria-label="Entrée de l&#39;e-mail" name="customer[email]" />
      <label for="customer_email">E-mail</label>
    </div>
    <div class="form-floating form-floating--with-password-toggle " data-controller="password-visibility">
  <input class="form-control" required="required" autocomplete="current-password" placeholder="********" aria-label="Saisie du mot de passe" data-password-visibility-target="input" id="loginPassword" type="password" name="customer[password]" />
  <label for="customer_password">Mot de passe</label>
  <button type="button"
          class="password-toggle"
          data-password-visibility-target="toggle"
          data-action="click->password-visibility#toggle"
          data-label-show="Afficher le mot de passe"
          data-label-hide="Masquer le mot de passe"
          aria-label="Afficher le mot de passe"
          title="Afficher le mot de passe"
          aria-pressed="false"
          tabindex="-1">
    <i class="fo-icon fo-eye-open" data-password-visibility-target="icon" aria-hidden="true"></i>
  </button>
        <a class="forgot-password-link" href="/customers/passwort/new">J&#39;ai oublié mon mot de passe</a>

</div>

  </div>
  <div class="stay-logged-in">
      <div class="field-group">
        <input name="customer[remember_me]" type="hidden" value="0" autocomplete="off" /><input autocomplete="off" type="checkbox" value="1" name="customer[remember_me]" id="customer_remember_me" />
        <label for="customer_remember_me">Rester connecté</label>
      </div>
  </div>
  <div class="fo-checkout__actions cta">
    <button name="button" type="submit" class="btn btn-primary btn-icon-text" data-action="form-validator#validate">
      <i class="fo-icon fo-user"></i>
      <span>S&#39;inscrire</span>
</button>  </div>
    <div class="create-new-account">
      <p>Je n&#39;ai pas encore de compte client</p>
      <a class="btn btn-block btn-secondary" href="/customers/registrieren">Créer un compte client</a>
    </div>
  <div data-controller="accordion" class="other-payment-accordion">
    <div data-accordion-target="trigger"  data-action="click->accordion#toggle" class="collapsible title">
      <span>
        Comment accéder à mon compte client si j&#39;ai payé avec Paypal Express ou Amazon ?
      </span>
    </div>
    <div data-accordion-target="content" class="content">
      <ol>
        <li>
          Clique sur « Mot de passe oublié » en haut de la page.
        </li>
        <li>
          Saisis ensuite l&#39;adresse e-mail enregistrée lors de ta commande avec le mode de paiement, puis clique sur « Envoyer le mot de passe ».
        </li>
        <li>
          Tu recevras ensuite un e-mail te permettant de définir un nouveau mot de passe. Tu pourras te connecter à ton compte client à l&#39;aide de ce nouveau mot de passe.
        </li>
      </ol>
    </div>
  </div>
</form>
      <aside class="trust-information">
  <div class="trust-information_column trust-information_column--quote">
    <img alt="Chef de projet informatique" title="Chef de projet informatique" class="trust-person-image" src="/images/frontend/it-trusted.webp" />
    <p>&quot;J&#39;achète moi-même sur Internet. La protection des données est importante pour moi ! Nous ne transmettons aucune donnée&quot; !</p>
    <span>Ramon - Responsable de l&#39;informatique chez felgenoutlet</span>
  </div>
  <div class="trust-information_column">
    <div class="check-container">
        <p><i class="fo-icon fo-garantie-check green"></i>Cryptage par SSL</p>
        <p><i class="fo-icon fo-garantie-check green"></i>Pas de spam, pas de publicité</p>
        <p><i class="fo-icon fo-garantie-check green"></i>Suis ta commande</p>
        <p><i class="fo-icon fo-garantie-check green"></i>Réclamation en ligne facile</p>
    </div>
    <div class="batch-container">
          <img class="ssl-logo" title="Cryptage par SSL" alt="Cryptage par SSL" loading="lazy" src="/images/icons/trust/ssl_midi_fr.webp" />

    </div>
  </div>
</aside>

    </div>
  </div>
</div>
</template></turbo-stream>