import { redirect } from "next/navigation";
import { isAdminSession, hasPermission, getAllPermissions } from "@/lib/adminAuth";
import { connectDB } from "@/lib/db";
import { Bundle } from "@/models/Bundle";
import { AdminNavLinks } from "@/components/admin/AdminNavLinks";
import { AdminPageHeader } from "@/components/admin/AdminPageHeader";
import { AdminEmptyState } from "@/components/admin/AdminEmptyState";
import { NewBundleForm } from "@/components/admin/NewBundleForm";
import { BundleRow } from "@/components/admin/BundleRow";

export const dynamic = "force-dynamic";

export default async function AdminBundlesPage() {
  if (!(await isAdminSession())) redirect("/de/login?next=%2Fde%2Fadmin%2Forders");
  if (!(await hasPermission("bundles_view"))) redirect("/de/account");

  const permissions = await getAllPermissions();
  await connectDB();
  const items = await Bundle.find({}).sort({ sortOrder: 1 }).lean();

  return (
    <main className="px-6 pt-4 pb-24 max-w-5xl mx-auto">
      <AdminNavLinks permissions={permissions} />
      <AdminPageHeader
        title="Pakete"
        subtitle="Kombi-/Paketangebote mit eigenem Gesamtpreis — erscheinen auf der Angebote-Seite unterhalb der regulären Preisstufen."
      />

      <NewBundleForm />

      <div className="flex flex-col gap-3">
        {items.map((item) => (
          <BundleRow
            key={String(item._id)}
            item={{
              id: String(item._id),
              title: item.title,
              titleEn: item.titleEn,
              description: item.description,
              descriptionEn: item.descriptionEn,
              price: item.price,
              compareAtPrice: item.compareAtPrice,
              active: item.active,
            }}
          />
        ))}
        {items.length === 0 && <AdminEmptyState message="Noch keine Pakete angelegt." />}
      </div>
    </main>
  );
}