import Contact from "@/app/_components/contact/Contact";
import ProductDetails from "@/app/_components/products/product-details/ProductDetails";
import SimilarProducts from "@/app/_components/products/similar-products/SimilarProducts";
import ProductStructuredData from "@/app/_components/structured-data/ProductStructuredData";
import { ProductDetail } from "@/app/_types";
import { cache } from "react";
import type { Metadata } from "next";

// Cached data fetching function to eliminate duplicate API calls
const getProductData = cache(async (slug: string): Promise<ProductDetail> => {
  const response = await fetch(
    `${process.env.BASE_URL}/api/v1/get-product?p=/proizvod/${slug}&cc=W4E)C9($8n=n*S(OBJMUR_hQ0.$t6P/xOx4a3v/|D@>U3LU8a,`
  );

  return await response.json();
});

export async function generateMetadata({
  params,
}: {
  params?: Promise<{ slug: string }>;
}): Promise<Metadata> {
  if (!params) {
    throw new Error("Missing slug parameter");
  }

  // Always treat params as Promise in Next.js
  const resolvedParams = await params;
  const { slug } = resolvedParams;

  const product = await getProductData(slug);
  const { metatag } = product;

  const title = metatag?.title?.split?.(" | ")[0] || "Auto Frogy";
  return {
    title: metatag?.title
      ? `${title} | Auto Frogy`
      : "Proizvodnja i prodaja auto kopči i žabica | Auto Frogy",
    description:
      metatag?.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: `/proizvod/${slug}`,
    },
  };
}

interface PageProps {
  params?: Promise<{ slug: string }>;
}

const Page = async ({ params }: PageProps) => {
  if (!params) {
    throw new Error("Missing slug parameter");
  }

  // Always treat params as Promise in Next.js
  const resolvedParams = await params;
  const { slug } = resolvedParams;

  // Reuse the same cached data fetching function
  const product = await getProductData(slug);

  return (
    <>
      <ProductStructuredData product={product} slug={slug} />
      <ProductDetails productDetails={product} />
      <SimilarProducts similarProducts={product?.similar_products || []} />
      <Contact />
    </>
  );
};

export default Page;