60 lines
2.7 KiB
PHP
60 lines
2.7 KiB
PHP
<div class="grid place-items-start">
|
|
<div class="glass-card w-full max-w-xl mx-auto #mt-12 p-8">
|
|
<h1 class="card-title text-xl mb-2">Erster Login</h1>
|
|
<p class="card-subtle mb-8">
|
|
Melde dich mit dem einmaligen Bootstrap-Konto an, um den Setup-Wizard zu starten.
|
|
</p>
|
|
|
|
@if ($error)
|
|
<div class="mb-6">
|
|
<div
|
|
role="alert"
|
|
class="rounded-2xl border border-red-500/30 bg-red-500/10 text-red-200
|
|
backdrop-blur-md shadow-[inset_0_1px_0_0_rgba(255,255,255,.05)]
|
|
px-4 py-3 flex items-start gap-3"
|
|
>
|
|
{{-- Icon --}}
|
|
<i class="ph ph-warning-circle text-red-400 text-xl"></i>
|
|
<div>
|
|
<p class="font-semibold leading-5">Anmeldung fehlgeschlagen</p>
|
|
<p class="text-sm text-red-300/90">{{ $error }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
{{-- Inner Card (leicht dunkler) --}}
|
|
<div class="rounded-2xl border border-glass-border bg-glass-light/40 p-6">
|
|
<form wire:submit.prevent="login" class="space-y-5">
|
|
<div>
|
|
<label class="block text-sm text-gray-300 mb-1" for="name">E-Mail</label>
|
|
<input id="name" type="text" wire:model.defer="name" class="w-full glass-input py-2.5 px-3" autofocus>
|
|
@error('name')
|
|
<div class="mt-2 inline-flex items-center gap-2 rounded-lg border border-red-400/20 bg-red-400/10 px-2.5 py-1.5 text-xs text-red-200">
|
|
<i class="ph ph-warning-circle text-red-300"></i>
|
|
<span>{{ $message }}</span>
|
|
</div>
|
|
@enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-sm text-gray-300 mb-1" for="password">Passwort</label>
|
|
<input id="password" type="password" wire:model.defer="password" class="w-full glass-input py-2.5 px-3">
|
|
@error('password')
|
|
<div class="mt-2 inline-flex items-center gap-2 rounded-lg border border-red-400/20 bg-red-400/10 px-2.5 py-1.5 text-xs text-red-200">
|
|
<i class="ph ph-warning-circle text-red-300"></i>
|
|
<span>{{ $message }}</span>
|
|
</div>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="pt-2">
|
|
<button type="submit" class="btn-primary w-full py-3">
|
|
Anmelden
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|