import type { Metadata } from "next";
import { Suspense } from "react";
import { cookies } from "next/headers";
import { authCookieHeader } from "@/lib/cookies";
import { getMeCached } from "@/lib/serverData";
import { isAdminOrAbove } from "@/lib/roles";
import Forbidden from "../../../Forbidden";
import PageEditLoader from "./PageEditLoader";

export const metadata: Metadata = {
  title: "编辑单页",
};

interface PageProps {
  params: Promise<{ id: string }>;
}

export default async function AdminPageEditPage({ params }: PageProps) {
  const { id } = await params;
  const cookie = authCookieHeader(await cookies());
  const me = await getMeCached(cookie || undefined);
  if (!me.user || !isAdminOrAbove(me.user.role)) {
    return <Forbidden text="单页管理仅管理员及以上角色可操作。" />;
  }

  const numId = parseInt(id, 10);
  if (!Number.isFinite(numId) || numId <= 0) {
    return <Forbidden text="无效的页面 ID。" />;
  }

  return (
    <Suspense fallback={<p className="meta px-1 py-6">加载编辑器…</p>}>
      <PageEditLoader id={numId} />
    </Suspense>
  );
}