import Products from "@/app/_components/products/Products";
import type { Metadata } from "next";
import { Product } from "@/app/_types";

// Shared data fetching function to eliminate duplicate API calls
const getProductsData = async (pathname: string) => {
  const res = await fetch(
    `${process.env.BASE_URL}/api/v1/list-products?data=${pathname}&cc=W4E)C9($8n=n*S(OBJMUR_hQ0.$t6P/xOx4a3v/|D@>U3LU8a,`,
    { next: { revalidate: 60 } }
  );
  return await res.json();
};

export async function generateMetadata({
  params,
}: {
  params?: Promise<{ slug: string[] }>;
}): Promise<Metadata> {
  // read route params
  const resolvedParams = await params;
  const pathname = `/proizvodi/${resolvedParams?.slug?.join("/") || ""}`;

  const { parent } = await getProductsData(pathname);

  return {
    title: parent?.metatags?.title
      ? `${parent?.metatags?.title} | Auto Frogy`
      : "Proizvodnja i prodaja auto kopči i žabica | Auto Frogy",
    description:
      parent?.metatags?.description ??
      "Najveći izbor auto kopči, kopči podizača stakla, fiksatora za patosnice, nosača za tablice, ramova za tablice i ostale auto opreme. Pronađite sve na jednom mestu!",
    alternates: {
      canonical: pathname,
    },
  };
}

const page = async ({ params }: { params?: Promise<{ slug: string[] }> }) => {
  const resolvedParams = await params;
  const pathname = `/proizvodi/${resolvedParams?.slug?.join("/") || ""}`;

  // Reuse the same cached data fetching function
  const { products, parent } = await getProductsData(pathname);
  const sortedByNewField = products.sort((a: Product, b: Product) => {
    return a.is_new === b.is_new ? 0 : a.is_new ? -1 : 1;
  });

  return (
    <Products
      allProducts={sortedByNewField || []}
      parentDetails={parent ?? {}}
      smallPadding
    />
  );
};

export default page;