@extends('admin.layouts.app')
@section('content')<div class="flex flex-col justify-between gap-5 sm:flex-row sm:items-end"><div><p class="eyebrow">People</p><h1 class="mt-2 text-3xl font-black tracking-tight">Users</h1><p class="mt-2 muted">Google identities connected to the platform.</p></div><form class="flex gap-2" method="GET"><input class="app-input min-w-0 sm:w-64" name="q" value="{{ request('q') }}" placeholder="Search name or email"><button class="btn-secondary">Search</button></form></div><section class="app-card mt-7 overflow-hidden"><div class="hidden overflow-x-auto md:block"><table class="min-w-full text-left text-sm"><thead class="border-b border-slate-100 bg-slate-50/70 text-xs uppercase tracking-wider text-slate-400"><tr><th class="px-5 py-4 font-bold">User</th><th class="px-5 py-4 font-bold">Google ID</th><th class="px-5 py-4 font-bold">Status</th><th class="px-5 py-4 font-bold">Bots</th><th class="px-5 py-4 font-bold">Last login</th><th></th></tr></thead><tbody class="divide-y divide-slate-100">@foreach($users as $user)<tr class="hover:bg-slate-50/80"><td class="px-5 py-4"><div class="flex items-center gap-3">@if($user->avatar)<img src="{{ $user->avatar }}" class="h-9 w-9 rounded-xl" alt="" referrerpolicy="no-referrer">@else<span class="flex h-9 w-9 items-center justify-center rounded-xl bg-teal-100 text-xs font-bold text-teal-700">{{ str($user->name)->substr(0,1)->upper() }}</span>@endif<div><p class="font-bold">{{ $user->name }}</p><p class="text-xs text-slate-400">{{ $user->email }}</p></div></div></td><td class="px-5 py-4 font-mono text-xs text-slate-500">{{ $user->google_id }}</td><td class="px-5 py-4"><x-status-pill :status="$user->status" /></td><td class="px-5 py-4 font-bold">{{ $user->bots_count }}</td><td class="px-5 py-4 text-xs text-slate-500">{{ $user->last_login_at?->diffForHumans() ?? 'Never' }}</td><td class="px-5 py-4 text-right"><a class="font-bold text-teal-700" href="{{ route('admin.users.show',$user) }}">View →</a></td></tr>@endforeach</tbody></table></div><div class="divide-y divide-slate-100 md:hidden">@foreach($users as $user)<a href="{{ route('admin.users.show',$user) }}" class="block px-5 py-4"><div class="flex items-center gap-3">@if($user->avatar)<img src="{{ $user->avatar }}" class="h-10 w-10 rounded-xl" alt="" referrerpolicy="no-referrer">@else<span class="flex h-10 w-10 items-center justify-center rounded-xl bg-teal-100 text-xs font-bold text-teal-700">{{ str($user->name)->substr(0,1)->upper() }}</span>@endif<div class="min-w-0 flex-1"><p class="truncate font-bold">{{ $user->name }}</p><p class="truncate text-xs text-slate-400">{{ $user->email }} · {{ $user->bots_count }} bots</p></div><x-status-pill :status="$user->status" /></div></a>@endforeach</div>@if($users->hasPages())<div class="border-t border-slate-100 px-5 py-4">{{ $users->links() }}</div>@endif</section>@endsection