export const dynamic = "force-dynamic";
import SafeHtmlRenderer from "@/components/SafeHtmlRenderer";
import { BASE_URL } from "@/Constant";

async function getData() {
  try {
    const [res] = await Promise.allSettled([
      fetch(`${BASE_URL}homePageData/cookiesPolicy`, {
        cache: "no-store",
      }),
    ]);

    // Handle individual API failures gracefully
    const resData =
      res.status === "fulfilled" && res.value.ok
        ? await res.value.json()
        : null;

    return {
      resData: resData?.data?.home || {},
    };
  } catch (error) {
    console.error("Error fetching data:", error);
    return { resData: {} };
  }
}

const CookiesPolicy = async () => {
  const res = await getData();
  return (
    <div>
      <main className="container mx-auto px-4 py-12 max-w-4xl">
        <div className="mx-auto max-w-4xl px-4 text-center mb-12">
          <h1 className="mb-4 text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl">
            <SafeHtmlRenderer htmlContent={res?.resData?.pageTitle} />
          </h1>
          <p className="text-slate-700 mb-6">
            Last Updated :{" "}
            {new Date(res?.resData?.updatedAt).toLocaleString("en-US")}
          </p>
        </div>

        <SafeHtmlRenderer htmlContent={res?.resData?.fullContent} />
      </main>
    </div>
  );
};

export default CookiesPolicy;