// Author: Simon-Pierre Boucher — contact@spboucher.ai
// ka-ui/react/KaFooter.tsx — shared Groupe KA footer (ink background),
// vendored in each Vite/React app under frontend/src/ka/. Consumes
// ecosystem.json for the site list; copy localized in US English for Home-Ka.
import eco from "./ecosystem.json";

type LocalLink = { label: string; href: string };

const TAGLINE_EN =
  "A holding of fully automated product and service aggregators.";
const DISCLAIMER_EN =
  "Groupe KA is a content aggregator: we sell nothing, rent nothing and are party to no transaction.";

// English labels for the hub legal pages (hrefs unchanged)
const LEGAL_LABELS_EN: Record<string, string> = {
  "https://www.groupe-ka.com/conditions": "Terms of Use (Groupe KA)",
  "https://www.groupe-ka.com/confidentialite": "Privacy Policy (Groupe KA)",
  "https://www.groupe-ka.com/loi-25": "Personal information protection",
  "https://www.groupe-ka.com/bots": "Crawler transparency",
};

export default function KaFooter({
  siteId,
  localLegal = [],
}: {
  /** id of the current site in ecosystem.json (e.g. "home-ka") */
  siteId: string;
  /** legal pages OWNED by the site (e.g. /terms), shown before the hub's */
  localLegal?: LocalLink[];
}) {
  const year = new Date().getFullYear();
  // graceful fallback if the siteId is not (yet) in ecosystem.json
  const site = eco.sites.find((s) => s.id === siteId) ?? null;
  const others = eco.sites.filter((s) => s.id !== siteId);
  return (
    <footer className="ka-footer" id="contact">
      <div className="container">
        <a
          className="wordmark"
          href={eco.hub.url}
          target={siteId === "groupe-ka" ? undefined : "_blank"}
          rel="noopener noreferrer"
          aria-label="Groupe KA — the ecosystem portal"
        >
          Groupe <span className="ka">KA</span>
        </a>
        <p className="desc">
          {TAGLINE_EN} Hundreds of connectors read the sites at the source,
          normalize the data and resynchronize on their own.{" "}
          {site ? (
            <>
              <b style={{ color: "var(--paper)" }}>{site.wordmark}</b> —{" "}
              {site.tagline} — is a Groupe KA service.
            </>
          ) : null}
        </p>
        <p className="notice">
          <b>{DISCLAIMER_EN}</b>
        </p>
        <ul className="sites">
          {others.map((s) => (
            <li key={s.id}>
              <a href={`https://${s.domain}`} target="_blank" rel="noopener noreferrer">
                {s.wordmark}
              </a>
            </li>
          ))}
          {eco.extraFooterLinks.map((l) => (
            <li key={l.href}>
              <a href={l.href} target="_blank" rel="noopener noreferrer">
                {l.label}
              </a>
            </li>
          ))}
        </ul>
        <div className="contacts">
          <p style={{ margin: 0 }}>
            <a href="mailto:contact@spboucher.ai">contact@spboucher.ai</a>
            <span>All Home-Ka inquiries — data, partnerships, legal & press</span>
          </p>
        </div>
        <p className="legal">
          © {year} {eco.org.copyrightHolder}
          {localLegal.map((l) => (
            <span key={l.href}>
              {" · "}
              <a href={l.href}>{l.label}</a>
            </span>
          ))}
          {eco.legal.map((l) => (
            <span key={l.href}>
              {" · "}
              <a href={l.href} target="_blank" rel="noopener noreferrer">
                {LEGAL_LABELS_EN[l.href] ?? l.label}
              </a>
            </span>
          ))}
        </p>
      </div>
    </footer>
  );
}