import Link from "next/link";
import { PageHeader } from "@/components/shared/PageHeader";
import { DomesticQuestionForm } from "@/components/features/admin/domestic/DomesticQuestionForm";
import { getDomesticCategories } from "@/lib/queries/domestic-admin-queries";

export const dynamic = "force-dynamic";

export default async function NewDomesticQuestionPage() {
  const categories = await getDomesticCategories();

  return (
    <>
      <PageHeader
        title="New domestic question"
        subtitle="Starts as a draft — publish it when it's ready"
        actions={
          <Link href="/admin/domestic" className="text-sm font-semibold text-primary hover:underline">
            ← Back to bank
          </Link>
        }
      />
      <div className="flex-1 overflow-y-auto p-4 sm:p-[26px]">
        <div className="max-w-[720px]">
          <DomesticQuestionForm
            mode="create"
            categories={categories
              .filter((c) => c.isActive)
              .map((c) => ({ id: c.id, name: c.name }))}
          />
        </div>
      </div>
    </>
  );
}