import { prisma } from "@/lib/prisma";

export const dynamic = "force-dynamic";

export default async function AdminDashboard() {
  const [users, online, articles] = await Promise.all([
    prisma.user.count(),
    prisma.user.count({ where: { online: "1" } }),
    prisma.websiteArticles.count(),
  ]);

  const stats = [
    { label: "Users", value: users },
    { label: "Online now", value: online },
    { label: "Articles", value: articles },
  ];

  return (
    <main>
      <h1>Dashboard</h1>
      <div className="grid cols-2">
        {stats.map((s) => (
          <div key={s.label} className="card">
            <h2 style={{ margin: 0 }}>{s.value}</h2>
            <p className="muted" style={{ margin: 0 }}>
              {s.label}
            </p>
          </div>
        ))}
      </div>
    </main>
  );
}