/* ============================================
   Projet   : API-KA
   Fichier  : src/api/web/ka/ka-shell.js
   Node     : m3u96b
   Author   : Simon-Pierre Boucher
   Contact  : contact@spboucher.ai
   Date     : 2026-08-17
   ============================================
   Coquille commune Groupe KA pour les pages statiques d'API-KA :
   · footer commun .ka-footer (équivalent vanilla de ka-ui/KaFooter.tsx),
     alimenté par /ka/ecosystem.json (source de vérité unique) ;
   · cartes contact (page /contact, conteneur #ka-contacts) ;
   · état de connexion KA ID dans le header (conteneur #ka-auth). */
"use strict";

const KA_SITE_ID = "api-ka";

async function kaEco() {
  const r = await fetch("/ka/ecosystem.json");
  return r.json();
}

function el(tag, cls, html) {
  const e = document.createElement(tag);
  if (cls) e.className = cls;
  if (html !== undefined) e.innerHTML = html;
  return e;
}

function esc(s) {
  return String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
}

/* ---------- footer commun (structure .ka-footer de tokens.css) ---------- */
function kaRenderFooter(eco) {
  const root = document.getElementById("ka-footer-root");
  if (!root) return;
  const site = eco.sites.find((s) => s.id === KA_SITE_ID);
  const others = eco.sites.filter((s) => s.id !== KA_SITE_ID);
  const year = new Date().getFullYear();
  root.innerHTML = `
    <a class="wordmark" href="${eco.hub.url}" target="_blank" rel="noopener noreferrer"
       aria-label="Groupe KA — le portail de l'écosystème">Groupe <span class="ka">KA</span></a>
    <p class="desc">${esc(eco.org.tagline)} Des centaines de connecteurs lisent les sites à la
      source, normalisent la donnée et se resynchronisent seuls.
      ${site ? `<b style="color:var(--paper)">${esc(site.wordmark)}</b> — ${esc(site.tagline)} — est un service Groupe KA.` : ""}</p>
    <p class="notice"><b>${esc(eco.org.disclaimer)}</b></p>
    <ul class="sites">
      ${others.map((s) => `<li><a href="https://${s.domain}" target="_blank" rel="noopener noreferrer">${esc(s.wordmark)}</a></li>`).join("")}
      ${(eco.extraFooterLinks || []).map((l) => `<li><a href="${l.href}" target="_blank" rel="noopener noreferrer">${esc(l.label)}</a></li>`).join("")}
    </ul>
    <div class="contacts">
      ${eco.contacts.map((c) => `<p style="margin:0"><a href="mailto:${c.email}">${c.email}</a><span>${esc(c.role)}</span></p>`).join("")}
    </div>
    <p class="legal">© ${year} ${esc(eco.org.copyrightHolder)}
       · <a href="/doc/">Documentation</a>
      ${eco.legal.map((l) => ` · <a href="${l.href}" target="_blank" rel="noopener noreferrer">${esc(l.label)}</a>`).join("")}
    </p>`;
}

/* ---------- cartes contact (page /contact) ---------- */
function kaRenderContacts(eco) {
  const zone = document.getElementById("ka-contacts");
  if (!zone) return;
  zone.innerHTML = eco.contacts
    .map(
      (c) => `<div class="card contact-card">
        <span class="klabel">${esc(c.role)}</span>
        <a class="contact-mail" href="mailto:${c.email}">${c.email}</a>
      </div>`
    )
    .join("");
  const hub = document.getElementById("ka-hub-link");
  if (hub) hub.href = eco.hub.url + eco.hub.loginPath;
}

/* ---------- connexion KA ID dans le header (#ka-auth) ---------- */
async function kaRenderAuth() {
  const zone = document.getElementById("ka-auth");
  if (!zone) return;
  try {
    const r = await fetch("/api/auth/me", { headers: { Accept: "application/json" } });
    if (r.ok) {
      const u = await r.json();
      zone.innerHTML = `<span class="ka-user" title="${esc(u.email || "")}">
          ${u.picture ? `<img src="${u.picture}" alt="" class="ka-avatar">` : ""}
          <b>${esc(u.name || "membre")}</b></span>
        <button class="btn btn-ghost ka-logout" type="button">Déconnexion</button>`;
      zone.querySelector(".ka-logout").addEventListener("click", async () => {
        await fetch("/api/auth/logout", { method: "POST" });
        location.reload();
      });
      return;
    }
  } catch {}
  zone.innerHTML = `<a class="btn btn-accent ka-login" href="/api/auth/ka/login">Se connecter avec KA</a>`;
}

(async () => {
  kaRenderAuth();
  try {
    const eco = await kaEco();
    kaRenderFooter(eco);
    kaRenderContacts(eco);
  } catch {}
})();