51 lines
2.3 KiB
PHP
51 lines
2.3 KiB
PHP
<div class="min-h-screen bg-bg-base flex items-center justify-center px-4 py-12">
|
|
<div class="w-full max-w-[480px]">
|
|
|
|
{{-- Header --}}
|
|
<div class="flex items-center gap-2.5 mb-8">
|
|
<div class="w-9 h-9 rounded-xl bg-accent flex items-center justify-center shadow-sm">
|
|
<x-heroicon-o-academic-cap class="w-5 h-5 text-white" />
|
|
</div>
|
|
<div>
|
|
<span class="font-bold text-xl tracking-tight text-text-primary">Lernschiff</span>
|
|
<span class="ml-2 text-xs font-semibold uppercase tracking-widest text-text-muted">Dev</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-white rounded-2xl border border-border-subtle shadow-sm px-8 py-8">
|
|
|
|
<div class="flex items-center gap-2 mb-6">
|
|
<x-heroicon-o-bolt class="w-5 h-5 text-accent" />
|
|
<div>
|
|
<h1 class="text-lg font-bold text-text-primary">Quick Login</h1>
|
|
<p class="text-xs text-text-muted">Nur lokal sichtbar · ALLOW_QUICK_LOGIN=true</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="space-y-2">
|
|
@foreach($users as $user)
|
|
<button
|
|
wire:click="loginAs('{{ $user->email }}')"
|
|
wire:loading.attr="disabled"
|
|
wire:target="loginAs('{{ $user->email }}')"
|
|
class="w-full flex items-center justify-between px-4 py-3 rounded-xl border border-border-subtle hover:border-accent hover:bg-accent-muted transition-all duration-150 group cursor-pointer disabled:opacity-50"
|
|
>
|
|
<div class="text-left">
|
|
<p class="text-sm font-semibold text-text-primary group-hover:text-accent">
|
|
{{ $user->name }}
|
|
</p>
|
|
<p class="text-xs text-text-muted font-mono">{{ $user->email }}</p>
|
|
</div>
|
|
<x-heroicon-o-arrow-right class="w-4 h-4 text-text-muted group-hover:text-accent transition-colors" />
|
|
</button>
|
|
@endforeach
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p class="text-center text-xs text-text-muted mt-6">
|
|
© {{ date('Y') }} Lernschiff · DACH
|
|
</p>
|
|
</div>
|
|
</div>
|