import { auth } from '@/lib/auth'

export default async function AdminDashboardPage() {
  const session = await auth()

  return (
    <div className="space-y-8">
      <div>
        <h1 className="text-2xl font-extrabold tracking-tight text-zinc-950">Yönetim Paneli</h1>
        <p className="text-zinc-600 text-sm mt-1.5">
          Hoş geldiniz, <span className="font-semibold text-zinc-900">{session?.user?.name || session?.user?.email}</span>. İşte platformun genel görünümü.
        </p>
      </div>

      <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
        {[
          { name: 'Toplam Demo Talebi', stat: '28' },
          { name: 'Aktif Pilot Bürolar', stat: '14' },
          { name: 'Haftalık Analiz Sayısı', stat: '342' },
          { name: 'Sistem Durumu', stat: 'Aktif / Çevrimiçi' },
        ].map((item) => (
          <div
            key={item.name}
            className="overflow-hidden rounded-2xl bg-white border border-zinc-200/80 p-5 shadow-sm"
          >
            <dt className="truncate text-xs font-bold uppercase tracking-wide text-zinc-500">{item.name}</dt>
            <dd className="mt-2 text-2xl font-extrabold tracking-tight text-zinc-950 font-mono">
              {item.stat}
            </dd>
          </div>
        ))}
      </div>

      <div className="rounded-2xl bg-white border border-zinc-200/80 p-6 shadow-sm">
        <h2 className="text-base font-bold text-zinc-950">Son Aktiviteler &amp; Demo Başvuruları</h2>
        <div className="mt-4 border-t border-zinc-100 divide-y divide-zinc-100">
          <div className="py-4 text-sm text-zinc-500">
            Henüz bekleyen aktivite kaydı bulunmuyor. Yeni talepler anlık olarak burada listelenecektir.
          </div>
        </div>
      </div>
    </div>
  )
}