import type { Metadata } from "next";
import Link from "next/link";
import { apiSafe, type Forecast, type Meta, type SignalsPayload } from "@/lib/api";
import { AttentionPanel, ByElectionsPanel, FundamentalsPanel, MarketsPanel, MediaPanel, MomentumPanel, SignalsOverview } from "@/components/signals";
import { ComponentsCompare } from "@/components/forecast-blocks";
import { Card, Empty, PageTitle, SectionHeader } from "@/components/ui";
import { dateTimeFr } from "@/lib/format";

export const metadata: Metadata = { title: "Au-delà des sondages — marchés, presse, attention, fondamentaux, partielles", description: "Les signaux alternatifs du modèle QC26 : marchés de prédiction Polymarket, revue de presse classée, attention Wikipédia, satisfaction et leadership, élections partielles depuis 2022 — et leur poids exact dans la prévision." };
export const revalidate = 120;

export default async function Page() {
  const [sig, f, meta] = await Promise.all([apiSafe<SignalsPayload>("/api/signals"), apiSafe<Forecast>("/api/forecast/latest"), apiSafe<Meta>("/api/meta")]);
  if (!sig || !f || !meta) return <Empty title="Signaux indisponibles" />;
  const comp = f.summary.components ?? sig.components;
  return (
    <div className="space-y-10 md:space-y-14">
      <PageTitle eyebrow="Au-delà des sondages · modèle 2.0" title={<>Ce que disent les marchés, la presse, l&apos;attention et le terrain.</>}
        lede={<>Depuis la version 2.0, QC26 combine les sondages à quatre familles de signaux indépendants. Chacun est archivé avec sa provenance, publié séparément et pesé de façon explicite : cette page montre les données brutes <i>et</i> l&apos;effet exact de chaque composante sur la prévision du {dateTimeFr(f.completedAt)}.</>} />

      {comp && (
        <section>
          <SectionHeader num="01" eyebrow="Composantes" title="Cinq entrées, une prévision" description="Le point de départ reste la moyenne des sondages. Les autres signaux la corrigent à la marge, chacun avec un poids borné et documenté." />
          <SignalsOverview comp={comp} />
          <Card className="mt-4"><ComponentsCompare f={f} /></Card>
        </section>
      )}

      <section id="marches" className="scroll-mt-24">
        <SectionHeader num="02" eyebrow="Marchés de prédiction" title="Polymarket" description="Des participants misent de l'argent réel sur le vainqueur, la majorité et les tranches de sièges. Le prix « Oui » est une probabilité implicite. QC26 repondère ses simulations vers 70 % modèle + 30 % marché, sans jamais casser la cohérence sièges ↔ circonscriptions." />
        <Card><MarketsPanel m={sig.markets} comp={comp} /></Card>
      </section>

      <section id="fondamentaux" className="scroll-mt-24">
        <SectionHeader num="03" eyebrow="Fondamentaux" title="Satisfaction, leadership, souveraineté" description="Les rapports des firmes contiennent bien plus que des intentions de vote. QC26 en extrait les questions structurantes, page citée, et en tire un prior sur la part du gouvernement sortant." />
        <Card><FundamentalsPanel f={sig.fundamentals} comp={comp} /></Card>
      </section>

      <section id="momentum" className="scroll-mt-24">
        <SectionHeader num="04" eyebrow="Momentum" title="Chef, attention, ton médiatique" description="Trois indicateurs de dynamique convertis en un déplacement borné (± 1 pt, somme nulle) de la moyenne du vote au jour du scrutin." />
        {comp && <Card><MomentumPanel comp={comp} /></Card>}
      </section>

      <section id="presse" className="scroll-mt-24">
        <SectionHeader num="05" eyebrow="Presse" title="Revue de presse classée" description="Titres des médias québécois des dernières 48 h par parti (Google Actualités), classés par un modèle de langage : partis concernés, ton −1…+1, sujet. Chaque titre reste consultable ; le ton n'entre que dans le momentum." />
        <Card><MediaPanel m={sig.media} /></Card>
      </section>

      <section id="attention" className="scroll-mt-24">
        <SectionHeader num="06" eyebrow="Attention publique" title="Pages vues Wikipédia" description="Combien de personnes consultent la page d'un parti ou de sa cheffe ou son chef ? Un indicateur de saillance, pas d'appui : il n'entre que par sa variation (7 j vs 28 j), avec un coefficient très faible." />
        <Card><AttentionPanel a={sig.attention} /></Card>
      </section>

      <section id="partielles" className="scroll-mt-24">
        <SectionHeader num="07" eyebrow="Terrain" title="Élections partielles depuis 2022" description="Cinq scrutins réels, aux limites de 2022, comparés au résultat général précédent. Le modèle en retient l'excès de swing local, net du swing national du jour, pour la circonscription concernée." />
        <Card><ByElectionsPanel b={sig.byElections} comp={comp} /></Card>
      </section>

      <section className="card card-lg p-6 md:p-8 grid md:grid-cols-[1fr_auto] gap-6 items-center">
        <div>
          <div className="eyebrow">Lire ces signaux</div>
          <h2 className="display text-[24px] mt-2">Des indices, pas des verdicts</h2>
          <p className="text-[14px] text-ink-2 mt-2 leading-relaxed max-w-2xl">Aucun de ces signaux ne remplace un sondage. Les marchés peuvent être minces, la presse suit l&apos;actualité plutôt que l&apos;opinion, l&apos;attention mesure la curiosité, les partielles ont une participation faible. C&apos;est pourquoi chaque poids est petit, borné, publié, et pourquoi la vue « sondages seuls » reste toujours affichée à côté de l&apos;ensemble.</p>
        </div>
        <div className="flex gap-3"><Link href="/methodologie#signaux" className="btn btn-primary">Méthodologie</Link><Link href="/prevision" className="btn btn-ghost">Prévision</Link></div>
      </section>
    </div>
  );
}