@extends('admin.layouts.app')
@section('content')
<div class="space-y-5"><div class="flex items-end justify-between gap-4"><div><p class="eyebrow">Control room</p><h1 class="mt-2 text-3xl font-black tracking-tight">System pulse.</h1><p class="mt-1 text-sm text-slate-500">Live operations across your bot platform.</p></div><span class="hidden h-11 w-11 items-center justify-center rounded-2xl bg-violet-50 text-violet-700 sm:flex"><x-icon name="shield" size="20" /></span></div>
<section class="dashboard-hero p-5 sm:p-7"><div class="relative z-10 flex items-start justify-between gap-4"><div><p class="text-[10px] font-black uppercase tracking-[0.18em] text-teal-700">Platform health</p><p class="mt-3 text-2xl font-black tracking-tight">All systems nominal.</p><p class="mt-1 text-xs text-slate-500">Webhooks and authentication are responding.</p></div><span class="inline-flex items-center gap-1.5 rounded-full bg-white/75 px-3 py-2 text-[10px] font-black text-teal-700"><span class="h-1.5 w-1.5 rounded-full bg-teal-500"></span> Protected</span></div><div class="relative z-10 mt-7 flex h-10 items-end gap-2"><span class="h-3 w-2 rounded-t bg-blue-300"></span><span class="h-6 w-2 rounded-t bg-blue-400"></span><span class="h-5 w-2 rounded-t bg-teal-300"></span><span class="h-9 w-2 rounded-t bg-teal-500"></span><span class="h-7 w-2 rounded-t bg-violet-300"></span><span class="h-10 w-2 rounded-t bg-violet-500"></span></div></section>
<div class="grid grid-cols-2 gap-3"><div class="app-card p-5"><p class="text-sm text-slate-500">Total users</p><p class="mt-4 text-3xl font-black">{{ $metrics['users'] }}</p><p class="mt-1 text-xs text-slate-400">{{ $metrics['suspended_users'] }} suspended</p></div><div class="app-card p-5"><p class="text-sm text-slate-500">Active users</p><p class="mt-4 text-3xl font-black text-teal-600">{{ $metrics['active_users'] }}</p><p class="mt-1 text-xs text-slate-400">Google identities</p></div><div class="app-card p-5"><p class="text-sm text-slate-500">Bot instances</p><p class="mt-4 text-3xl font-black text-violet-600">{{ $metrics['bots'] }}</p><p class="mt-1 text-xs text-slate-400">{{ $metrics['active_bots'] }} active</p></div><div class="app-card p-5"><p class="text-sm text-slate-500">Published</p><p class="mt-4 text-3xl font-black">{{ $metrics['templates'] }}</p><p class="mt-1 text-xs text-slate-400">Trusted modules</p></div></div>
<section><div class="mb-3 flex items-center justify-between"><h2 class="text-xl font-black tracking-tight">Recent connections</h2><a href="{{ route('admin.templates.index') }}" class="text-sm font-black text-violet-700">Modules <x-icon name="arrow-right" size="14" class="inline" /></a></div><div class="app-card overflow-hidden"><div class="divide-y divide-slate-100">@forelse($recentBots as $bot)<div class="flex items-center gap-3 px-4 py-4"><span class="premium-icon-tile {{ $bot->template?->icon === 'message' ? 'violet' : ($bot->template?->icon === 'link' ? 'orange' : '') }} h-11 w-11 shrink-0"><x-icon :name="$bot->template?->icon === 'message' ? 'message' : ($bot->template?->icon === 'link' ? 'link' : 'sparkles')" size="19" /></span><div class="min-w-0 flex-1"><p class="truncate text-sm font-black">{{ $bot->internal_name }}</p><p class="mt-1 truncate text-xs text-slate-400">{{ $bot->user?->email }} · {{ $bot->template?->name }}</p></div><x-status-pill :status="$bot->status" /></div>@empty<div class="px-5 py-12 text-center text-sm text-slate-500">No bots connected yet.</div>@endforelse</div></div></section>
<section><div class="mb-3 flex items-center justify-between"><h2 class="text-xl font-black tracking-tight">Audit stream</h2><a href="{{ route('admin.activity.index') }}" class="text-sm font-black text-violet-700">View log</a></div><div class="app-card overflow-hidden"><div class="divide-y divide-slate-100">@forelse($activity as $item)<div class="flex items-center gap-3 px-4 py-4"><span class="premium-icon-tile violet h-10 w-10 shrink-0"><x-icon :name="str($item->action)->contains('template') ? 'template' : (str($item->action)->contains('user') ? 'user' : 'activity')" size="18" /></span><div class="min-w-0 flex-1"><p class="truncate text-sm font-black">{{ $item->description }}</p><p class="mt-1 text-xs text-slate-400">{{ $item->admin?->name ?? $item->user?->name ?? 'System' }} · {{ $item->created_at->diffForHumans() }}</p></div></div>@empty<div class="px-5 py-12 text-center text-sm text-slate-500">No activity yet.</div>@endforelse</div></div></section></div>
@endsection