import { notFound } from "next/navigation"

import { request } from "@/lib/request"
import { GetCurrentBlockPage } from "@/lib/graphql/Query/CurrentBlockPage.graphql"

import Aside from "@/components/Current/Aside"
import Blocks from "@/components/Current/Blocks"
import Header from "@/components/Current/Header"
import Hero from "@/components/Current/Hero"
import Preamble from "@/components/Current/Preamble"
import Section from "@/components/Current/Section"
import SubnavMobile from "@/components/Current/SubnavMobile"

import type { PageArgs, LangParams, UriParams } from "@/types/params"
import type { GetCurrentBlockPageData } from "@/types/requests/currentBlockPage"

export default async function CurrentContentPage({
  params,
  searchParams,
}: PageArgs<LangParams, UriParams>) {
  try {
    if (!searchParams.uri) {
      throw new Error("Bad URI")
    }

    const response = await request<GetCurrentBlockPageData>(GetCurrentBlockPage, {
      locale: params.lang,
      url: searchParams.uri,
    })

    if (!response.data?.all_current_blocks_page?.total) {
      console.log("#### DATA ####")
      console.log(response.data)
      console.log("SearchParams URI: ", searchParams.uri)
      throw new Error("Not found")
    }

    const page = response.data.all_current_blocks_page.items[0]
    const images = page.hero?.imagesConnection
    const breadcrumbs = page.breadcrumbs.parentsConnection
    const parent = breadcrumbs.edges.at(-1)

    return (
      <>
        <Header lang={params.lang} pathname={searchParams.uri} />
        {images?.totalCount ? <Hero images={images.edges} /> : null}
        <main
          className="main l-sections-wrapper"
          id="maincontent"
          role="main"
        >
          <input id="lbl-personalized-areas" name="lbl-personalized-areas" type="hidden" value="" />
          <SubnavMobile breadcrumbs={breadcrumbs} parent={parent} title={page.breadcrumbs.title} />
          <Preamble
            breadcrumbs={breadcrumbs}
            breadcrumbParent={parent}
            breadcrumbTitle={page.breadcrumbs.title}
            preamble={page.preamble}
            title={page.title}
          />
          <Section>
            <Blocks blocks={page.blocks} />
            <Aside blocks={page.aside} />
          </Section>
        </main>
      </>
    )
  } catch (err) {
    return notFound()
  }
}
