32 lines
1.0 KiB
Svelte
32 lines
1.0 KiB
Svelte
<script lang="ts">
|
|
import { resolve } from '$app/paths';
|
|
import type { PageProps } from './$types';
|
|
let { form }: PageProps = $props();
|
|
</script>
|
|
|
|
<svelte:head><title>Passwort vergessen | Sendewerk</title></svelte:head>
|
|
|
|
<section class="auth-card">
|
|
<p class="eyebrow">Kontozugang</p>
|
|
<h1>Passwort zurücksetzen</h1>
|
|
<p>Wenn das Konto existiert, wird ein 24 Stunden gültiger, einmaliger Link bereitgestellt.</p>
|
|
{#if form?.error}<div class="form-message error" role="alert">{form.error}</div>{/if}
|
|
{#if form?.sent}<div class="form-message success" role="status">
|
|
Anfrage verarbeitet. Bitte Postfach beziehungsweise lokale Outbox prüfen.
|
|
</div>{/if}
|
|
<form class="auth-form" method="POST">
|
|
<label
|
|
>E-Mail<input
|
|
name="email"
|
|
type="email"
|
|
required
|
|
maxlength="254"
|
|
value={form?.email ?? ''}
|
|
autocomplete="email"
|
|
/></label
|
|
>
|
|
<button class="primary-button" type="submit">Reset-Link anfordern</button>
|
|
</form>
|
|
<a class="auth-link" href={resolve('/login')}>Zurück zur Anmeldung</a>
|
|
</section>
|