import { db } from "@/lib/db"
import { ProductForm } from "@/components/admin/product-form"
import { createProduct } from "../actions"

export const metadata = { title: "Admin — Nouveau produit" }

export default async function NewProductPage() {
  const [categories, drops] = await Promise.all([
    db.category.findMany({ orderBy: { name: "asc" } }),
    db.drop.findMany({ orderBy: { releaseDate: "desc" } }),
  ])

  return (
    <div>
      <h1 className="text-2xl font-heading font-bold uppercase tracking-tight text-[var(--text)] mb-8">
        Nouveau produit
      </h1>
      <ProductForm action={createProduct} categories={categories} drops={drops} submitLabel="Créer" />
    </div>
  )
}