import Link from "next/link";
import { listDocuments } from "@/lib/wiki";
import { ChatBubble } from "@/components/chat-bubble";
import { BatchProgressBanner } from "@/components/batch-progress-banner";
import { getLocale } from "@/components/locale-toggle";
import { SiteHeader } from "@/components/site-header";
import { HeroBanner } from "@/components/hero-banner";
import { FeaturedCase } from "@/components/featured-case";
import { IconicCases } from "@/components/iconic-cases";
import { PortalGrid, type PortalCounts } from "@/components/portal-grid";
import { GreatestHits } from "@/components/greatest-hits";
import { pgQuery } from "@/lib/retrieval/db";

// Read wiki/ filesystem + DB at request time, not build time.
export const dynamic = "force-dynamic";

async function loadCounts(documentsCount: number): Promise<PortalCounts> {
  const rows = await pgQuery<{ entity_class: string; c: string }>(
    `SELECT entity_class, COUNT(*)::text AS c
       FROM public.entities
      GROUP BY entity_class`,
  ).catch(() => [] as Array<{ entity_class: string; c: string }>);
  const by: Record<string, number> = {};
  for (const r of rows) by[r.entity_class] = Number(r.c);
  return {
    events:       by.event ?? 0,
    people:       by.person ?? 0,
    uap_objects:  by.uap_object ?? 0,
    locations:    by.location ?? 0,
    operations:   by.organization ?? 0,
    documents:    documentsCount,
  };
}

export default async function Home() {
  const ids = await listDocuments();
  const locale = (await getLocale()) === "en" ? "en" : "pt-br";
  const counts = await loadCounts(ids.length);

  return (
    <div className="min-h-screen">
      <SiteHeader locale={locale} />

      <main id="main">
      <HeroBanner
        locale={locale}
        stats={{
          documents: counts.documents,
          events:    counts.events,
          people:    counts.people,
          uap_objects: counts.uap_objects,
        }}
        heroDocId="dow-uap-d017-general-correspondence-of-sandia"
        heroPage={1}
      />

      <FeaturedCase locale={locale} />

      <IconicCases locale={locale} />

      <PortalGrid counts={counts} locale={locale} />

      <GreatestHits locale={locale} limit={9} />

      <BatchProgressBanner />

      {/* "The primary record" — compact CTA into /documents instead of
          re-rendering the full filterable list on the homepage. The
          previous in-home bento of 122 cards stretched mobile to ~68k px
          tall on its own. */}
      <section className="mx-auto max-w-7xl px-4 md:px-8 py-12 md:py-16 border-t border-[rgba(224,192,128,0.10)]">
        <Link
          href="/documents"
          className="group block rounded-2xl border border-[rgba(224,192,128,0.20)] bg-[rgba(224,192,128,0.03)] hover:border-[#e0c080] p-6 md:p-8 transition-colors"
        >
          <div className="text-[10px] font-mono uppercase tracking-[0.18em] text-[#e0c080] mb-2">
            {locale === "en" ? "// The primary record" : "// O registro primário"}
          </div>
          <div className="flex flex-col md:flex-row md:items-end md:justify-between gap-4">
            <div>
              <h2 className="font-display text-2xl md:text-3xl text-[#e7ecf3] mb-1 group-hover:text-[#e0c080] transition-colors">
                {locale === "en"
                  ? "Every document, indexed and searchable"
                  : "Cada documento, indexado e buscável"}
              </h2>
              <p className="text-[#cbd2dd] text-[14px] md:text-[15px]">
                {locale === "en"
                  ? `${ids.length} declassified files — memos, telegrams, intelligence reports.`
                  : `${ids.length} arquivos desclassificados — memorandos, telegramas, relatórios de inteligência.`}
              </p>
            </div>
            <span className="font-mono text-[13px] text-[#e0c080] whitespace-nowrap">
              {locale === "en" ? "Browse documents →" : "Ver documentos →"}
            </span>
          </div>
        </Link>
      </section>
      </main>

      <ChatBubble context={{}} />

      {/* JSON-LD: WebSite + ItemList of recent docs (helps GEO discovery) */}
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify({
          "@context": "https://schema.org",
          "@type": "WebSite",
          name: "The Disclosure Bureau",
          url: process.env.NEXT_PUBLIC_SITE_URL ?? "https://disclosure.top",
          description: locale === "en"
            ? `Public archive of ${counts.documents} declassified UAP/UFO documents from the US Department of War, with ${counts.events.toLocaleString()} catalogued events and ${counts.people.toLocaleString()} people.`
            : `Arquivo público de ${counts.documents} documentos UAP/UFO desclassificados do Departamento de Guerra dos EUA, com ${counts.events.toLocaleString()} eventos catalogados e ${counts.people.toLocaleString()} pessoas.`,
          potentialAction: {
            "@type": "SearchAction",
            target: `${process.env.NEXT_PUBLIC_SITE_URL ?? "https://disclosure.top"}/search?q={search_term_string}`,
            "query-input": "required name=search_term_string",
          },
        }) }}
      />
    </div>
  );
}