import type { Metadata } from "next";
import { Suspense } from "react";
import { cookies } from "next/headers";
import SidebarAdmin from "./SidebarAdmin";
import { authCookieHeader } from "@/lib/cookies";
import {
  fetchAdminSidebar,
  type SidebarConfig,
  type SidebarWidgetRecord,
} from "@/lib/api";
import { getMeCached } from "@/lib/serverData";
import { isSuperOrOwner } from "@/lib/roles";
import Forbidden from "../Forbidden";

export const metadata: Metadata = {
  title: "侧栏管理",
};

export default async function AdminSidebarPage() {
  const cookie = authCookieHeader(await cookies());
  const me = await getMeCached(cookie || undefined);
  if (!me.user || !isSuperOrOwner(me.user.role)) {
    return <Forbidden text="侧栏管理仅超级管理员及以上角色可操作。" />;
  }

  let config: SidebarConfig | null = null;
  let widgets: SidebarWidgetRecord[] = [];
  let initError = "";
  try {
    const res = await fetchAdminSidebar(cookie || undefined);
    config = res.config;
    widgets = res.widgets ?? [];
  } catch (e) {
    initError = e instanceof Error ? e.message : "加载失败";
  }

  return (
    <Suspense fallback={<p className="meta px-1 py-6">加载中…</p>}>
      <SidebarAdmin
        initialConfig={config}
        initialWidgets={widgets}
        initError={initError}
      />
    </Suspense>
  );
}