import type { Metadata } from "next";
import Link from "next/link";
import { cookies } from "next/headers";
import { ShieldAlert } from "lucide-react";
import { authCookieHeader } from "@/lib/cookies";
import { getMeCached, getPublicSettingsCached } from "@/lib/serverData";
import AppearanceAdmin from "./AppearanceAdmin";

export const metadata: Metadata = {
  title: "外观设置",
  robots: { index: false, follow: false },
};

// 站点外观（主题色）管理：权限以 Go 端 RequireAdmin 为唯一判定，
// 非管理员 SSR 直出无权限提示，写接口仍由后端 403 兜底。
export default async function AdminAppearancePage() {
  const cookie = authCookieHeader(await cookies());
  const me = await getMeCached(cookie || undefined);

  if (me.user?.role !== "admin") {
    return (
      <div className="max-w-md mx-auto panel p-8 text-center mt-10">
        <span
          className="inline-flex w-14 h-14 rounded-full items-center justify-center mb-4"
          style={{ background: "var(--gold-soft)", color: "var(--gold)" }}
        >
          <ShieldAlert size={26} />
        </span>
        <h1 className="text-lg font-extrabold" style={{ color: "var(--ink)" }}>
          需要管理员权限
        </h1>
        <p className="meta mt-2 text-[13px]">仅站点管理员可以配置站点外观。</p>
        <Link href="/" className="btn btn-primary mt-6">
          返回首页
        </Link>
      </div>
    );
  }

  // 主题色为公开设置：当前已保存值随 SSR 直出，避免面板初始闪动
  const { accent } = await getPublicSettingsCached();
  return <AppearanceAdmin initialAccent={accent || ""} />;
}