import type { Metadata } from "next";
import Link from "next/link";
import { PagesForm } from "@/components/admin/PagesForm";
import { getSettings } from "@/lib/cms";

export const metadata: Metadata = {
  title: "Page content",
  robots: { index: false, follow: false },
};

export default async function AdminPagesPage({
  searchParams,
}: {
  searchParams: Promise<{ saved?: string }>;
}) {
  const [{ saved }, settings] = await Promise.all([searchParams, getSettings()]);

  return (
    <div className="space-y-8">
      <header>
        <Link
          href="/admin"
          className="text-[0.72rem] font-semibold uppercase tracking-[0.16em] text-ink-mute transition-colors hover:text-teal"
        >
          ← Dashboard
        </Link>
        <p className="text-sm font-semibold uppercase tracking-[0.14em] text-coral">
          Content
        </p>
        <h1 className="display-2 mt-2">Page content</h1>
        <p className="mt-2 text-ink-soft">
          Edit the headlines and copy on every page, plus the header/footer menu.
        </p>
      </header>

      {saved ? (
        <p className="rounded-2xl border border-teal/30 bg-teal-soft px-5 py-3 text-sm font-medium text-teal-dark">
          Page content saved — the website has been refreshed.
        </p>
      ) : null}

      <PagesForm pages={settings.pages} nav={settings.nav} />
    </div>
  );
}