import { ProductCatalog } from "@/components/store/product-catalog";
import type { StoreProduct } from "@/components/store/store-types";
import { db } from "@/lib/db";

export const dynamic = "force-dynamic";

export default async function StorefrontPage() {
  const rows = await db.product.findMany({
    where: { active: true },
    orderBy: { price: "asc" },
  });
  const products: StoreProduct[] = rows.map((product) => ({
    sku: product.sku,
    nameAr: product.nameAr,
    nameEn: product.nameEn,
    price: product.price.toString(),
    available: Math.max(0, product.onHand - product.reserved),
    lowStockThreshold: product.lowStockThreshold,
  }));

  return <ProductCatalog products={products} />;
}