CRAPP/src/components/crapp/AvvisoCertificati.tsx

import { AlertCircle } from "lucide-react";
import { Link } from "@tanstack/react-router";
import { useProfili } from "@/lib/profili";
import {
  avvisiCertificati,
  formatDataBreve,
  testoScadenza,
  type AvvisoCertificato,
} from "@/lib/profili-core";
import { useGiocatoriSquadra } from "@/lib/giocatori-squadra";
import { oggiISO } from "@/lib/palloni-core";
import { useIsAdmin, useRuoliPronti } from "@/lib/ruoli";
import { useGiocatoreBase } from "@/lib/user-store";

function Card({
  colore,
  titolo,
  righe,
  cliccabile,
}: {
  colore: "warning" | "primary";
  titolo: string;
  righe: string[];
  cliccabile?: boolean;
}) {
  const classi = `mx-5 mt-4 block rounded-3xl p-4 shadow-pop ${
    colore === "warning"
      ? "bg-warning text-warning-foreground"
      : "bg-primary text-primary-foreground"
  } ${cliccabile ? "premi" : ""}`;
  const contenuto = (
    <>
      <p className="flex items-center gap-2 font-display text-lg uppercase leading-none">
        <AlertCircle className="h-5 w-5" /> {titolo}
      </p>
      {righe.map((r) => (
        <p key={r} className="mt-2 text-xs leading-snug opacity-90">
          {r}
        </p>
      ))}
    </>
  );
  return cliccabile ? (
    <Link to="/profilo" search={{ tab: "documenti" }} className={classi}>
      {contenuto}
    </Link>
  ) : (
    <div className={classi}>{contenuto}</div>
  );
}

/** Avviso certificati in scadenza/scaduti (DD-035): calcolato al volo, niente push. */
export function AvvisoCertificati() {
  const admin = useIsAdmin();
  const ruoliPronti = useRuoliPronti();
  const base = useGiocatoreBase();
  const { righe: rosa } = useGiocatoriSquadra();
  const { profili, isPending } = useProfili();

  if (!ruoliPronti || isPending) return null;

  const oggi = oggiISO();

  if (admin) {
    const { scaduti, inScadenza } = avvisiCertificati(rosa, profili, oggi);
    if (scaduti.length === 0 && inScadenza.length === 0) return null;
    return (
      <>
        {scaduti.length > 0 ? (
          <Card
            colore="primary"
            titolo="Certificati scaduti"
            righe={scaduti.map((a) => rigaStaff(a, `scaduto il ${formatDataBreve(a.scadenza)}`))}
          />
        ) : null}
        {inScadenza.length > 0 ? (
          <Card
            colore="warning"
            titolo="Certificati in scadenza"
            righe={inScadenza.map((a) => rigaStaff(a, testoScadenza(a.giorni)))}
          />
        ) : null}
      </>
    );
  }

  if (!base) return null;
  const { scaduti, inScadenza } = avvisiCertificati([base], profili, oggi);
  const mio = scaduti[0] ?? inScadenza[0];
  if (!mio) return null;

  return mio.giorni < 0 ? (
    <Card
      colore="primary"
      titolo="Certificato scaduto"
      cliccabile
      righe={[
        `Il tuo certificato medico è scaduto il ${formatDataBreve(mio.scadenza)}: caricane uno nuovo`,
      ]}
    />
  ) : (
    <Card
      colore="warning"
      titolo="Certificato in scadenza"
      cliccabile
      righe={[`Il tuo certificato medico ${testoScadenza(mio.giorni)}`]}
    />
  );
}

function rigaStaff(a: AvvisoCertificato, dettaglio: string): string {
  return `${a.nome} ${a.cognome} — ${dettaglio}`;
}