32 lines
2.1 KiB
PHP
32 lines
2.1 KiB
PHP
<div>
|
|
<h1 class="font-display text-lg font-semibold text-ink">Passwort ändern</h1>
|
|
<p class="mt-1 text-sm text-ink-3">Lege ein eigenes Passwort fest (min. 12 Zeichen, Groß-/Kleinschreibung + Zahl).</p>
|
|
|
|
<form wire:submit="update" class="mt-5 space-y-4">
|
|
<div>
|
|
<label for="current" class="mb-1.5 block font-mono text-[11px] uppercase tracking-wider text-ink-3">Aktuelles Passwort</label>
|
|
<input wire:model="current" id="current" type="password" autocomplete="current-password"
|
|
class="w-full rounded-md border border-line bg-inset px-3 py-2 text-sm text-ink focus-visible:border-accent/50" />
|
|
@error('current') <p class="mt-1.5 text-xs text-offline">{{ $message }}</p> @enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label for="password" class="mb-1.5 block font-mono text-[11px] uppercase tracking-wider text-ink-3">Neues Passwort</label>
|
|
<input wire:model="password" id="password" type="password" autocomplete="new-password"
|
|
class="w-full rounded-md border border-line bg-inset px-3 py-2 text-sm text-ink focus-visible:border-accent/50" />
|
|
@error('password') <p class="mt-1.5 text-xs text-offline">{{ $message }}</p> @enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label for="password_confirmation" class="mb-1.5 block font-mono text-[11px] uppercase tracking-wider text-ink-3">Neues Passwort bestätigen</label>
|
|
<input wire:model="password_confirmation" id="password_confirmation" type="password" autocomplete="new-password"
|
|
class="w-full rounded-md border border-line bg-inset px-3 py-2 text-sm text-ink focus-visible:border-accent/50" />
|
|
</div>
|
|
|
|
<button type="submit" wire:loading.attr="disabled" wire:target="update"
|
|
class="flex min-h-11 w-full items-center justify-center rounded-md bg-accent px-4 py-2 font-display text-sm font-semibold uppercase tracking-wide text-void transition-colors hover:bg-accent-bright disabled:opacity-60">
|
|
Speichern & weiter
|
|
</button>
|
|
</form>
|
|
</div>
|