export const dynamic = "force-dynamic";
import AboutRules from "@/components/Rules/AboutRules";
import RulesBullets from "@/components/Rules/RulesBullets";
import RulesAboutIab from "@/components/Rules/RulesAboutIab";
import { BASE_URL } from "@/Constant";

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

    const resUp =
      res.status === "fulfilled" && res.value.ok
        ? await res.value.json()
        : null;

    const resBottom =
      res1.status === "fulfilled" && res1.value.ok
        ? await res1.value.json()
        : null;
    const resBullets =
      res2.status === "fulfilled" && res2.value.ok
        ? await res2.value.json()
        : null;

    return {
      resUp: resUp?.data?.rule || [],
      resBottom: resBottom?.data?.rule[0],
    };
  } catch (error) {
    console.error("Error fetching data:", error);
    return { resUp: [], resBottom: {} };
  }
}

export default async function RulesPage() {
  const res = await getData();
  return (
    <div className="bg-hero bg-cover pt-5">
      <AboutRules main={res?.resUp} />
      <RulesBullets data={res?.resUp} />
      <RulesAboutIab data={res?.resBottom} />
    </div>
  );
}