import type { Metadata } from "next";
import { Suspense } from "react";
import { cookies } from "next/headers";
import PagesAdmin from "./PagesAdmin";
import { authCookieHeader } from "@/lib/cookies";
import { fetchAdminSitePages, type SitePage } from "@/lib/api";
import { getMeCached } from "@/lib/serverData";
import { hasPerm, PERMS } from "@/lib/roles";
import Forbidden from "../Forbidden";

export const metadata: Metadata = {
  title: "单页管理",
};

export default async function AdminPagesPage() {
  const cookie = authCookieHeader(await cookies());
  const me = await getMeCached(cookie || undefined);
  if (!me.user || !hasPerm(me.user, PERMS.PAGES)) {
    return <Forbidden text="单页管理仅管理员及以上角色可操作。" />;
  }

  let initial: SitePage[] = [];
  let initError = "";
  try {
    const res = await fetchAdminSitePages(cookie || undefined);
    initial = res.pages ?? [];
  } catch (e) {
    initError = e instanceof Error ? e.message : "加载单页失败";
  }

  return (
    <Suspense fallback={<p className="meta px-1 py-6">加载单页列表…</p>}>
      <PagesAdmin initial={initial} initError={initError} />
    </Suspense>
  );
}