import Blocks from "@/components/blocks";
import { fetchSanityPageBySlug } from "@/sanity/lib/fetch";
import { generatePageMetadata } from "@/sanity/lib/metadata";
import { PartnershipView } from "@/components/templates";
import {
  getDynamicFetchOptions,
  sanityFetchMetadata,
  type DynamicFetchOptions,
} from "@/sanity/lib/live";
import { PAGE_QUERY_RESULT } from "@/sanity.types";
import { PAGE_QUERY } from "@/sanity/queries/page";
import { draftMode } from "next/headers";
import { Suspense } from "react";

function PageFallback() {
  return (
    <div aria-busy className="container max-w-7xl mx-auto py-20 px-4">
      <div className="h-10 w-64 animate-pulse rounded bg-brand-sand mb-6" />
      <div className="grid grid-cols-1 lg:grid-cols-12 gap-8">
        <div className="lg:col-span-5 h-96 animate-pulse rounded-3xl bg-brand-sand" />
        <div className="lg:col-span-7 h-96 animate-pulse rounded-3xl bg-brand-sand" />
      </div>
    </div>
  );
}

export async function generateMetadata() {
  try {
    const { perspective } = await getDynamicFetchOptions();
    const { data: page } = (await sanityFetchMetadata({
      query: PAGE_QUERY,
      params: { slug: "partnership" },
      perspective,
    })) as { data: PAGE_QUERY_RESULT };

    if (page) {
      return generatePageMetadata({ page, slug: "partnership" });
    }
  } catch (err) {
    // Ignore when offline or unconfigured
  }

  return {
    title: "Develop Vietnam Wedding Guide — Strategic Partnership | VWG",
    description:
      "Exclusive strategic brand alliance and platform licensing opportunity. Co-develop Vietnam's premier wedding authority across flagship dual .COM domains.",
    openGraph: {
      title: "Develop Vietnam Wedding Guide — Strategic Partnership | VWG",
      description:
        "Exclusive strategic brand alliance and platform licensing opportunity. Co-develop Vietnam's premier wedding authority across flagship dual .COM domains.",
      type: "website",
    },
    robots: {
      index: true,
      follow: true,
    },
  };
}

export default async function PartnershipPage() {
  const { isEnabled: isDraftMode } = await draftMode();

  if (isDraftMode) {
    return (
      <Suspense fallback={<PageFallback />}>
        <DynamicPartnershipPage />
      </Suspense>
    );
  }

  return <CachedPartnershipPage perspective="published" stega={false} />;
}

async function DynamicPartnershipPage() {
  const { perspective, stega } = await getDynamicFetchOptions();
  return <CachedPartnershipPage perspective={perspective} stega={stega} />;
}

async function CachedPartnershipPage({
  perspective,
  stega,
}: DynamicFetchOptions) {
  const page = await fetchSanityPageBySlug({
    slug: "partnership",
    perspective,
    stega,
  }).catch(() => null);

  if (page?.blocks && page.blocks.length > 0) {
    return (
      <Blocks
        blocks={page.blocks}
        perspective={perspective}
        stega={stega}
      />
    );
  }

  return <PartnershipView />;
}