import Link from "next/link";
import { requireUser } from "@/lib/auth/requireUser";

export default async function OrgDashboardPage() {
  await requireUser();

  return (
    <div className="space-y-6">
      <header className="acve-panel p-6">
        <h1 className="text-3xl font-bold text-slate-900">Organization Dashboard (Placeholder)</h1>
        <p className="mt-2 text-slate-600">
          Org admin tools are frontend placeholders for seat management, usage analytics, and assignment flows.
        </p>
        <p className="mt-3 inline-flex rounded-md border border-amber-300 bg-amber-50 px-3 py-1 text-sm font-semibold text-amber-900">
          Org admin only (access model pending backend)
        </p>
      </header>

      <section className="grid gap-4 md:grid-cols-3">
        <article className="acve-panel p-4">
          <p className="text-xs font-semibold uppercase tracking-wide text-slate-500">Seats</p>
          <p className="mt-2 text-2xl font-semibold text-slate-900">12 / 20 used</p>
        </article>
        <article className="acve-panel p-4">
          <p className="text-xs font-semibold uppercase tracking-wide text-slate-500">Active learners</p>
          <p className="mt-2 text-2xl font-semibold text-slate-900">9</p>
        </article>
        <article className="acve-panel p-4">
          <p className="text-xs font-semibold uppercase tracking-wide text-slate-500">Courses assigned</p>
          <p className="mt-2 text-2xl font-semibold text-slate-900">4</p>
        </article>
      </section>

      <section className="acve-panel p-6">
        <h2 className="text-xl font-semibold text-slate-900">Assignment Queue (Placeholder)</h2>
        <ul className="mt-3 space-y-2 text-sm text-slate-700">
          <li className="rounded-md border border-slate-200 px-3 py-2">Assign &quot;Contract Analysis Practice&quot; to Team A (disabled)</li>
          <li className="rounded-md border border-slate-200 px-3 py-2">Invite 3 learners to &quot;Legal English Foundations&quot; (disabled)</li>
          <li className="rounded-md border border-slate-200 px-3 py-2">Export monthly progress report (disabled)</li>
        </ul>
        <Link className="mt-4 inline-flex rounded-md border border-slate-300 px-3 py-2 text-sm hover:bg-slate-50" href="/">
          Back to home
        </Link>
      </section>
    </div>
  );
}
