// -----------------------------------------------------------------------------
// Rent-Ka — Rental listings aggregator (Canada, outside Québec)
// Author: Simon-Pierre Boucher — contact@spboucher.ai
// components/KaScoresBlock.tsx: "KA Scores" section of the listing page.
//   Global badge + 5 gauges (Walk/Transit/Bike/Quiet/Services), honest
//   detail per score, personalized score from the user's weights
//   (/ka-scores), link to the methodology.
// -----------------------------------------------------------------------------
import { Link } from "react-router-dom";
import { KaScores, KA_DEFAULT_WEIGHTS, fmtDist, kaGlobal, kaWeights } from "../api";
import KaScoreBadge, { KaScoreCircle } from "./KaScoreBadge";

const CAT_LABELS: Record<string, string> = {
  epicerie: "Grocery", pharmacie: "Pharmacy", parc: "Park", cafe: "Café",
  ecole: "School", clinique: "Clinic", garderie: "Daycare",
  depanneur: "Convenience store", gym: "Gym", bibliotheque: "Library",
};
const FAM_LABELS: Record<string, string> = {
  commerces: "shops", sante: "health", education: "education",
  loisirs: "leisure",
};

export default function KaScoresBlock({ ks }: { ks: KaScores }) {
  const weights = kaWeights();
  const custom = JSON.stringify(weights) !== JSON.stringify(KA_DEFAULT_WEIGHTS);
  const perso = custom ? kaGlobal(ks, weights) : null;
  const d = ks.details ?? {};
  const walkCats = (d.walk?.cats ?? []).filter((c) => c.dist_m != null).slice(0, 5);

  return (
    <section className="f-bloc f-kascores" id="ka-scores">
      <h2>
        KA Scores
        {ks.global != null && <KaScoreBadge score={ks.global} />}
        {perso != null && (
          <span className="ka-perso" title="Global score recomputed from your priorities (set on the KA Scores page)">
            you: <b>{Math.round(perso)}</b>
          </span>
        )}
      </h2>

      <div className="ka-circles">
        <KaScoreCircle score={ks.walk} nom="Walk" />
        <KaScoreCircle score={ks.transit} nom="Transit"
          note={ks.transit == null ? "Not served" : undefined} />
        <KaScoreCircle score={ks.bike} nom="Bike" />
        <KaScoreCircle score={ks.calme} nom="Quiet" />
        <KaScoreCircle score={ks.services} nom="Services" />
      </div>

      <details className="ka-detail">
        <summary>The detail behind this area's scores</summary>
        <div className="ka-detail-grille">
          {walkCats.length > 0 && (
            <div>
              <h4>Walk</h4>
              <ul>
                {walkCats.map((c) => (
                  <li key={c.cat}>
                    {CAT_LABELS[c.cat] ?? c.cat} : {fmtDist(c.dist_m as number)}
                    {" "}{c.pts >= 99 ? "✓" : c.pts >= 50 ? "~" : "·"}
                  </li>
                ))}
              </ul>
            </div>
          )}
          <div>
            <h4>Transit</h4>
            <ul>
              {d.transit?.arret_bus_m != null && (
                <li>Bus stop at {fmtDist(d.transit.arret_bus_m)}</li>
              )}
              {d.transit?.station_metro_m != null && (
                <li>Subway station at {fmtDist(d.transit.station_metro_m)}</li>
              )}
              {d.transit?.pmd_percentile != null && (
                <li>Area transit service: {d.transit.pmd_percentile}th Canadian percentile (StatCan)</li>
              )}
              {d.transit?.raison && <li>{d.transit.raison}</li>}
            </ul>
            <h4>Bike</h4>
            <ul>
              {d.bike?.km_cyclables_1km != null && (
                <li>{d.bike.km_cyclables_1km.toLocaleString("en-CA")} km of bike lanes within 1 km</li>
              )}
              {d.bike?.raison && <li>{d.bike.raison}</li>}
            </ul>
          </div>
          <div>
            <h4>Quiet</h4>
            <ul>
              {(d.calme?.sources_bruit ?? []).length === 0 && (
                <li>No major noise source detected nearby</li>
              )}
              {(d.calme?.sources_bruit ?? []).map((s) => (
                <li key={s.source}>
                  {s.source}{s.dist_m != null ? ` at ${fmtDist(s.dist_m)}` : ""}
                </li>
              ))}
              {(d.calme?.bonus_parc ?? 0) > 0 && <li>Park nearby ✓</li>}
            </ul>
            {d.services?.familles && (
              <>
                <h4>Services</h4>
                <ul>
                  {Object.entries(d.services.familles).map(([f, n]) => (
                    <li key={f}>{n} {FAM_LABELS[f] ?? f} in the area</li>
                  ))}
                </ul>
              </>
            )}
          </div>
        </div>
      </details>

      <p className="fine">
        0-100 scores computed from OpenStreetMap and Statistics Canada
        proximity measures — Quiet is an environment estimate, not a sound
        measurement. Computed on{" "}
        {new Date(ks.computed_at * 1000).toLocaleDateString("en-CA")} (scale {ks.version}).{" "}
        <Link to="/ka-scores">How are KA Scores calculated? — and set your priorities</Link>
      </p>
    </section>
  );
}