@extends('layouts.app')
@section('title','Admin Dashboard')
@section('content')
<div class="min-h-screen bg-slate-100"><div class="mx-auto max-w-7xl p-4 sm:p-6 lg:p-8"><header class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"><div><p class="text-sm font-semibold uppercase tracking-wide text-slate-500">Super Admin</p><h1 class="text-3xl font-black">Control Center</h1></div><a href="/admin/providers-ui" class="vtu-btn-primary">Provider Settings</a></header>
<section class="grid gap-4 sm:grid-cols-2 xl:grid-cols-4"><div class="vtu-card"><p class="text-sm text-slate-500">Users</p><p id="kpi-users" class="mt-2 text-3xl font-black">—</p></div><div class="vtu-card"><p class="text-sm text-slate-500">Top Customers</p><p id="kpi-top" class="mt-2 text-3xl font-black">—</p></div><div class="vtu-card"><p class="text-sm text-slate-500">Integrations</p><p id="kpi-integrations" class="mt-2 text-3xl font-black">—</p></div><div class="vtu-card"><p class="text-sm text-slate-500">System</p><p id="kpi-system" class="mt-2 text-3xl font-black">Check</p></div></section>
<section class="mt-6 grid gap-4 lg:grid-cols-3"><div class="vtu-card lg:col-span-2"><h2 class="font-black">Operations</h2><div class="mt-4 grid grid-cols-2 gap-3 sm:grid-cols-3"><a href="/admin/users-ui" class="rounded-2xl border p-4 font-semibold">Users & Wallets</a><a href="/admin/providers-ui" class="rounded-2xl border p-4 font-semibold">Providers</a><a href="/admin/transactions-ui" class="rounded-2xl border p-4 font-semibold">Transactions</a><a href="/admin/promotions-ui" class="rounded-2xl border p-4 font-semibold">Promotions</a><a href="/admin/banners-ui" class="rounded-2xl border p-4 font-semibold">Banners</a><a href="/admin/notifications-ui" class="rounded-2xl border p-4 font-semibold">Notifications</a></div></div><div class="vtu-card"><h2 class="font-black">Integration health</h2><div id="integration-health" class="mt-4 space-y-3 text-sm"><p class="text-slate-500">Loading...</p></div></div></section></div></div>
<script>

Promise.all([axios.get('/api/admin/users'),axios.get('/api/admin/integrations/diagnostics'),axios.get('/api/admin/analytics/top-customers'),axios.get('/api/admin/diagnostics')]).then(([u,i,t,d])=>{document.getElementById('kpi-users').textContent=u.data.total??u.data.data?.length??0;document.getElementById('kpi-top').textContent=t.data.data?.length??0;document.getElementById('kpi-integrations').textContent=i.data.data?.filter(x=>x.enabled).length??0;document.getElementById('kpi-system').textContent=d.data.database&&d.data.cache?'Healthy':'Check';document.getElementById('integration-health').innerHTML=(i.data.data||[]).map(x=>`<div class="flex items-center justify-between rounded-xl border p-3"><div><div class="font-semibold">${x.display_name}</div><div class="text-xs text-slate-500">${x.mode} • ${x.enabled?'enabled':'disabled'}</div></div><span class="text-xs font-bold">${x.health?.ok?'OK':(x.enabled?'Check':'Off')}</span></div>`).join('');}).catch(()=>{});
</script>
@endsection