51 lines
2.5 KiB
PHP
51 lines
2.5 KiB
PHP
<div class="min-h-screen bg-[--color-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-[--color-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-[--color-text-primary]">Lernschiff</span>
|
|
<span class="ml-2 text-xs font-semibold uppercase tracking-widest text-[--color-text-muted]">Dev</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-white rounded-2xl border border-[--color-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-[--color-accent]" />
|
|
<div>
|
|
<h1 class="text-lg font-bold text-[--color-text-primary]">Quick Login</h1>
|
|
<p class="text-xs text-[--color-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-[--color-border-subtle] hover:border-[--color-accent] hover:bg-[--color-accent-muted] transition-all duration-150 group cursor-pointer disabled:opacity-50"
|
|
>
|
|
<div class="text-left">
|
|
<p class="text-sm font-semibold text-[--color-text-primary] group-hover:text-[--color-accent]">
|
|
{{ $user->name }}
|
|
</p>
|
|
<p class="text-xs text-[--color-text-muted] font-mono">{{ $user->email }}</p>
|
|
</div>
|
|
<x-heroicon-o-arrow-right class="w-4 h-4 text-[--color-text-muted] group-hover:text-[--color-accent] transition-colors" />
|
|
</button>
|
|
@endforeach
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p class="text-center text-xs text-[--color-text-muted] mt-6">
|
|
© {{ date('Y') }} Lernschiff · DACH
|
|
</p>
|
|
</div>
|
|
</div>
|