// -----------------------------------------------------------------------------
// Rent-Ka — Rental listings aggregator (Canada, outside Québec)
// Author: Simon-Pierre Boucher — contact@spboucher.ai
// components/HiverScore.tsx: "Winter Score" block (detail page)
//   Can you run your daily errands on foot at −20 °C? Deterministic 0-100
//   score (rentka/hiver.py): grocery, pharmacy, bus, convenience store within
//   walking distance. The methodology owns what is NOT taken into account.
// -----------------------------------------------------------------------------
import { Hiver } from "../api";

const NBSP = " ";

const CLS: Record<string, string> = {
  // backend classes (kept bilingual for safety during migration)
  "very practical": "zi-ok", "practical": "zi-ok",
  "demanding": "zi-modere", "difficult": "zi-eleve",
  "très pratique": "zi-ok", "pratique": "zi-ok",
  "exigeant": "zi-modere", "difficile": "zi-eleve",
};

export default function HiverScore({ h }: { h: Hiver }) {
  return (
    <section className="f-bloc f-hiver" id="hiver">
      <h2>Winter Score</h2>
      <div className="hiver-head">
        <span className="hiver-score">{h.score}</span>
        <span className={`zi-badge ${CLS[h.classe] ?? "zi-nc"}`}>{h.classe}</span>
        <span className="hiver-sur">daily errands on foot, even at −20{NBSP}°C</span>
      </div>
      <ul className="hiver-detail">
        {h.detail.map((c) => (
          <li key={c.critere}>
            <span className="hd-crit">{c.critere}</span>
            <span className="hd-val">
              {c.distance_m != null
                ? `≈${NBSP}${c.minutes}${NBSP}min walk${c.nom ? ` (${c.nom})` : ""}`
                : c.note}
            </span>
            <span className="hd-score">{c.score}</span>
          </li>
        ))}
      </ul>
      <p className="fine">{h.methode}</p>
    </section>
  );
}