// app/submit/settings/success/page.tsx
import Link from "next/link";

type Target = "settings_fiber" | "settings_co2gan" | "settings_co2gal" | "settings_uv";

const TARGET_TO_LIST: Record<Target, string> = {
  settings_fiber: "/fiber-settings",
  settings_co2gan: "/co2-gantry-settings",
  settings_co2gal: "/co2-galvo-settings",
  settings_uv: "/uv-settings",
};

const TARGET_LABEL: Record<Target, string> = {
  settings_fiber: "Fiber",
  settings_co2gan: "CO₂ Gantry",
  settings_co2gal: "CO₂ Galvo",
  settings_uv: "UV",
};

export default async function SuccessPage({
  searchParams,
}: {
  // Next 15 types `searchParams` as a Promise
  searchParams: Promise<Record<string, string | string[] | undefined>>;
}) {
  const sp = await searchParams;

  const rawTarget = sp?.target;
  const rawId = sp?.id;

  const valid: Target[] = ["settings_fiber", "settings_co2gan", "settings_co2gal", "settings_uv"];
  const t: Target = (valid.includes(rawTarget as Target) ? (rawTarget as Target) : "settings_fiber");

  const id = Array.isArray(rawId) ? rawId[0] : rawId || "";
  const listHref = TARGET_TO_LIST[t];
  const label = TARGET_LABEL[t];

  return (
    <div className="max-w-2xl mx-auto py-10 space-y-6">
    <div className="flex items-center gap-3">
    <div className="h-10 w-10 rounded-full bg-green-600 text-white flex items-center justify-center">✓</div>
    <h1 className="text-2xl font-semibold">Settings submitted!</h1>
    </div>

    <p className="text-base">
    Your {label} submission has been received.
    {id ? <> Reference ID: <span className="font-mono">{id}</span>.</> : null}
    </p>

    <div className="flex flex-wrap gap-3">
    <Link className="px-3 py-2 rounded border" href={listHref}>
    View {label} database
    </Link>
    <Link className="px-3 py-2 rounded border" href={`/submit/settings?target=${encodeURIComponent(t)}`}>
    Submit another
    </Link>
    <Link className="px-3 py-2 rounded border" href="/">
    Home
    </Link>
    </div>
    </div>
  );
}