import Link from "next/link";
import { deleteArticle } from "@/app/dashboard/article-actions";
import { prisma } from "@/lib/db/prisma";

export default async function ArticleDashboardPage() {
  const articles = await prisma.article.findMany({ orderBy: { updatedAt: "desc" }, include: { category: true, subject: true } });
  return <div><div className="flex items-center justify-between"><h1 className="text-3xl font-black">Artikel</h1><Link href="/dashboard/artikel/baru" className="rounded-xl bg-emerald-500 px-4 py-2 font-bold text-white">Artikel baru</Link></div><div className="mt-8 overflow-hidden rounded-2xl border bg-white dark:bg-slate-900">{articles.length ? articles.map((article) => <div key={article.id} className="flex flex-wrap items-center gap-4 border-b p-4"><div><p className="font-bold">{article.title}</p><p className="text-xs text-slate-500">{article.category.name}{article.subject ? ` · ${article.subject.name}` : ""} · {article.status}</p></div><div className="ml-auto flex gap-3"><Link href={`/dashboard/artikel/${article.id}/edit`} className="text-sm font-bold text-emerald-600">Edit</Link><form action={deleteArticle}><input type="hidden" name="id" value={article.id} /><button className="text-sm font-bold text-rose-500">Hapus</button></form></div></div>) : <p className="p-8 text-center text-slate-500">Belum ada artikel.</p>}</div></div>;
}