14 lines
1.2 KiB
Plaintext
14 lines
1.2 KiB
Plaintext
{# pastel-dream password-reset-form — request panel in soft pastel chrome. Endpoint matches the platform (/api/auth/request-password-reset, #reset-message). #}
|
|
<div class="password-reset-form pd-card mx-auto max-w-md p-6">
|
|
<div id="reset-message"></div>
|
|
<div id="request-reset-panel">
|
|
<h2 class="pd-display text-2xl text-primary"><span class="pd-doodle-underline">Reset password</span></h2>
|
|
<p class="pd-body mt-2 text-muted-foreground">Enter your email address and we will send you a link to reset your password.</p>
|
|
<form hx-post="/api/auth/request-password-reset" hx-target="#reset-message" hx-swap="innerHTML" class="mt-4">
|
|
<div class="mb-4"><label class="pd-hand mb-1 block text-lg text-accent">Email</label><input type="email" name="email" required class="pd-body w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"></div>
|
|
<button type="submit" class="pd-tag w-full justify-center" hx-disabled-elt="this">Send reset link</button>
|
|
</form>
|
|
<p class="pd-body mt-4 text-center text-sm"><a href="/login" class="text-accent underline decoration-dashed">Back to login</a></p>
|
|
</div>
|
|
</div>
|