import { notFound } from "next/navigation";
import { ArticleForm } from "@/components/admin/ArticleForm";
import { getPublishedCategories } from "@/lib/queries/categories";
import { getAllCities } from "@/lib/queries/cities";
import { getArticleByIdAdmin } from "@/lib/queries/articles";

interface EditArticlePageProps {
  params: Promise<{ id: string }>;
}

export default async function EditArticlePage({ params }: EditArticlePageProps) {
  const { id } = await params;
  const [article, cities, articleCategories] = await Promise.all([
    getArticleByIdAdmin(id),
    getAllCities(),
    getPublishedCategories("article"),
  ]);

  if (!article) notFound();

  return (
    <div className="space-y-6">
      <h1 className="text-2xl font-bold">編輯指南：{article.title}</h1>
      <ArticleForm
        article={article}
        citySlugs={cities.map((c) => c.slug)}
        articleCategories={articleCategories}
      />
    </div>
  );
}