id: 79
source: 1
name: jkForgotPassTpl
description: ''
category: knit
properties: 'a:0:{}'

-----

    <div class="login-wrapper d-flex align-items-center justify-content-center">
      <div class="custom-container">
        <div class="text-center px-4"><img class="login-intro-img w-100" src="assets/components/knit/img/bg/forgotpw.png" alt="Forgot Password"></div>
        <!-- Register Form -->
        [[!+loginfp.errors:is=``:then=``:else=`
    <div class="alert custom-alert-3 alert-success alert-dismissible fade show m-3" role="alert">
        <i class="bi bi-check-circle fs-xxlarge"></i>
        <div class="alert-text"><h5>Erfolgreich gesendet!</h5>[[+loginfp.errors]]</div>
        <button class="btn btn-close position-relative p-1 ms-auto" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
            `]]
        <div class="register-form mt-4">
            <h6 class="mb-3 text-center">[[-%login.forgot_password]] Passwort vergessen?</h6>
            <div class="login-meta-data text-center">
                <p class="my-3">Gib deine E-Mailadresse ein und du erhältst ein neues Passwort zugeschickt. </p>
            </div>
          <form class="[[loginFPForm]]" action="[[~[[*id]]]]" method="post">
            <div class="form-group text-start mb-3">
              <input class="form-control" type="text" placeholder="[[-%login.email]] Gib deine E-Mailadresse ein" name="email" value="[[+loginfp.post.email]]" >
            </div>
            <input class="returnUrl" type="hidden" name="returnUrl" value="[[+loginfp.request_uri]]" />
            <input class="loginFPService" type="hidden" name="login_fp_service" value="forgotpassword" />
            <button class="btn btn-primary w-100" type="submit" name="login_fp" value="[[%login.reset_password]]" >Passwort zurücksetzen</button>
          </form>
        </div>
      </div>
    </div>