source: Klonkt/src/views/pages/auth-reset-request.ejs@ 7bc636b

<div class="container auth-page">
  <h1>Reset password</h1>

  <% if (sent) { %>
    <div class="alert alert-success">
      If an account exists for that email, a reset link has been sent.
    </div>
    <% if (devResetUrl) { %>
      <div class="alert alert-info">
        <strong>Dev mode:</strong> reset link below (no email server configured).
        <p style="margin: 0.5rem 0 0; word-break: break-all;">
          <a href="<%= devResetUrl %>"><%= devResetUrl %></a>
        </p>
      </div>
    <% } %>
    <p class="auth-link"><a href="/auth/login">&larr; Back to login</a></p>
  <% } else { %>
    <p class="auth-tagline">Enter your email and we'll send a reset link.</p>

    <% if (error) { %><div class="alert alert-error"><%= error %></div><% } %>

    <form method="post" action="/auth/reset-request" class="auth-form">
      <label>
        <span>Email</span>
        <input type="email" name="email" required autofocus autocomplete="email">
      </label>
      <button type="submit" class="btn btn-primary">Send reset link</button>
      <p class="auth-link"><a href="/auth/login">&larr; Back to login</a></p>
    </form>
  <% } %>
</div>

<style>
.auth-tagline { text-align: center; color: var(--ink-muted, var(--ink-soft)); margin-bottom: 1.5rem; }
.alert-info { background: var(--paper-2); color: var(--ink); border: 1px solid var(--accent); border-radius: 5px; padding: 0.75rem 1rem; margin-bottom: 1rem; }
.auth-link-muted { font-size: 0.85rem; color: var(--ink-muted, var(--ink-soft)); }
</style>