import type { Metadata } from "next";
import { headers } from "next/headers";
import { auth } from "@/lib/auth/server";
import { db, pantryItems, recipes, eq, or, inArray } from "@epicure/db";
import { asc } from "@epicure/db";
import { PantryManager } from "@/components/meal-plan/pantry-manager";
import { PantryPageHeader } from "@/components/pantry/pantry-page-header";
import { ExpiringSoonSuggestions } from "@/components/pantry/expiring-soon-suggestions";
import { scoreRecipesAgainstPantry } from "@/lib/pantry-match";
import { getPublicUrl } from "@/lib/storage";

export const metadata: Metadata = {};

export default async function PantryPage() {
  const session = await auth.api.getSession({ headers: await headers() });
  if (!session) return null;

  const [items, candidateRecipes] = await Promise.all([
    db.query.pantryItems.findMany({
      where: eq(pantryItems.userId, session.user.id),
      orderBy: asc(pantryItems.rawName),
    }),
    db.query.recipes.findMany({
      where: or(eq(recipes.authorId, session.user.id), inArray(recipes.visibility, ["public", "unlisted"])),
      with: { ingredients: true, photos: true },
    }),
  ]);

  const mappedItems = items.map((i) => ({
    id: i.id,
    rawName: i.rawName,
    quantity: i.quantity,
    unit: i.unit,
    expiresAt: i.expiresAt?.toISOString() ?? null,
  }));

  const suggestions = scoreRecipesAgainstPantry(candidateRecipes, items)
    .filter((s) => s.usesExpiring.length > 0)
    .slice(0, 3)
    .map((s) => {
      const cover = s.recipe.photos?.find((p) => p.isCover) ?? s.recipe.photos?.[0];
      return {
        id: s.recipe.id,
        title: s.recipe.title,
        photoUrl: cover ? getPublicUrl(cover.storageKey) : null,
        usesExpiring: s.usesExpiring,
      };
    });

  return (
    <div className="space-y-6">
      <PantryPageHeader items={mappedItems} />
      <ExpiringSoonSuggestions suggestions={suggestions} />
      <PantryManager key={mappedItems.map((i) => i.id).join(",")} initialItems={mappedItems} />
    </div>
  );
}
