78 lines
2.5 KiB
PHP
78 lines
2.5 KiB
PHP
<?php
|
|
|
|
use Illuminate\Support\Facades\Password;
|
|
use Livewire\Attributes\Layout;
|
|
use Livewire\Volt\Component;
|
|
|
|
new #[Layout('layouts.guest')] class extends Component
|
|
{
|
|
public string $email = '';
|
|
|
|
public function sendPasswordResetLink(): void
|
|
{
|
|
$this->validate([
|
|
'email' => ['required', 'string', 'email'],
|
|
]);
|
|
|
|
$status = Password::sendResetLink($this->only('email'));
|
|
|
|
if ($status != Password::RESET_LINK_SENT) {
|
|
$this->addError('email', __($status));
|
|
return;
|
|
}
|
|
|
|
$this->reset('email');
|
|
session()->flash('status', __($status));
|
|
}
|
|
}; ?>
|
|
|
|
<div>
|
|
<div class="mb-6">
|
|
<h1 class="text-2xl font-bold tracking-tight text-[--color-text-primary]">Passwort zurücksetzen</h1>
|
|
<p class="text-sm text-[--color-text-muted] mt-1">
|
|
Gib deine E-Mail-Adresse ein — wir senden dir einen Reset-Link.
|
|
</p>
|
|
</div>
|
|
|
|
<x-auth-session-status class="mb-5" :status="session('status')" />
|
|
|
|
<form wire:submit="sendPasswordResetLink" class="space-y-4">
|
|
|
|
<div>
|
|
<x-input-label for="email" value="E-Mail-Adresse" />
|
|
<x-text-input
|
|
wire:model="email"
|
|
id="email"
|
|
type="email"
|
|
name="email"
|
|
required
|
|
autofocus
|
|
autocomplete="username"
|
|
placeholder="name@schule.de"
|
|
/>
|
|
<x-input-error :messages="$errors->get('email')" />
|
|
</div>
|
|
|
|
<x-primary-button class="w-full" wire:loading.attr="disabled">
|
|
<span wire:loading.remove wire:target="sendPasswordResetLink">
|
|
<x-heroicon-o-envelope class="w-4 h-4" />
|
|
Reset-Link senden
|
|
</span>
|
|
<span wire:loading wire:target="sendPasswordResetLink" class="flex items-center gap-2">
|
|
<svg class="animate-spin w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
|
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
|
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
|
|
</svg>
|
|
Wird gesendet…
|
|
</span>
|
|
</x-primary-button>
|
|
|
|
</form>
|
|
|
|
<div class="mt-5 text-center">
|
|
<a href="{{ route('login') }}" wire:navigate class="text-sm text-[--color-accent] hover:underline font-medium">
|
|
← Zurück zur Anmeldung
|
|
</a>
|
|
</div>
|
|
</div>
|