export const dynamic = "force-dynamic";
import CertificationValidation from "@/components/MembersConsultants/CertificationValidation";
import MembersCertificationBody from "@/components/MembersConsultants/MembersCertificationBody";
// import MembersCertificationBody2 from "@/components/MemberBody/HeroAccreditationBody";

import { BASE_URL } from "@/Constant";
// import { useRouter } from "next/router";

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

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

    const resScheme =
      res1.status === "fulfilled" && res1.value.ok
        ? await res1.value.json()
        : null;
    const resCertificate =
      res2.status === "fulfilled" && res2.value.ok
        ? await res2.value.json()
        : null;
    const resBottom =
      res3.status === "fulfilled" && res3.value.ok
        ? await res3.value.json()
        : null;
    const resImages =
      res4.status === "fulfilled" && res4.value.ok
        ? await res4.value.json()
        : null;

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

export default async function MemberConsultantsPage() {
  // const router = useRouter();
  // const { id } = router.query;
  // console.log(id)
  const res = await getData();
  return (
    <div className="bg-hero bg-cover pt-5">
      {/* <MembersCertificationBody2 /> */}
      <MembersCertificationBody main={res?.resUp} />
      <CertificationValidation data={res?.resImages} />
      {/* <SchemesMember
        content={res?.resUp?.member?.fullContent}
        data={res?.resScheme}
      />
      <ApplyCertification
        image={res?.resUp?.member?.mainImage}
        data={res?.resCertificate}
      /> */}
    </div>
  );
}