import { unstable_cache } from "next/cache";
import { prisma } from "@/lib/db";
import { collectGenres } from "@/lib/genres";
import { GenreTabs } from "@/components/GenreTabs";
import type { Metadata } from "next";

export const dynamic = "force-dynamic";

export const metadata: Metadata = {
  title: "Genres",
};

const getGenreManga = unstable_cache(
  async () =>
    prisma.manga.findMany({
      where: { status: "PUBLISHED" },
      orderBy: { title: "asc" },
      include: { _count: { select: { chapters: true } } },
    }),
  ["genre-manga-list"],
  { revalidate: 300 }
);

export default async function GenrePage() {
  const manga = await getGenreManga();

  const genres = collectGenres(manga);

  return (
    <div className="max-w-6xl mx-auto px-4 py-5">
      <GenreTabs manga={manga} genres={genres} />
    </div>
  );
}