"""Renderer fuer templates/kimi-trend-report.html.

Fuellt das mzone-ui-1.1.0-Report-Template aus einem JSON-Kontext.
Naechstes Mal nur noch Kontext-JSON schreiben und:

    python render_template.py templates/kimi-trend-report.html kontext.json out/index.html

Kontext-Schema (siehe templates/kimi-trend-report.context.example.json):
  page_title, kicker, title, subtitle
  meta:      { "<Schluessel>": "<Wert>", ... }
  stats:     [ { "label": str, "value": str|int, "unit": str?, "variant": "ok|warn|danger|none"? } ]   (genau 4)
  sections:  [ { "title": str, "cards": [ {
                 "label": str, "name": str, "url": str,
                 "pills": [ {"text": str, "variant": "accent|info|ok|warn|danger|none"} ],
                 "desc": str (HTML erlaubt), "note": str? } ] } ]
  delta:     { "lead": str (HTML), "text": str (HTML),
               "rows": [ {"name": str, "url": str, "before": str, "after": str, "delta": str, "top": bool?} ] }
             (optional; erzeugt Ueberschrift, Lead, Chart und Tabelle)
  findings:  [ {"id": "F1", "pill": str, "variant": "warn|ok|danger", "body": str (HTML)} ]  (optional)
  crossrefs: [ {"href": str, "text": str} ]
  footer:    str (HTML)
"""
import json, sys
from pathlib import Path

def pill(p):
    v = p.get("variant", "none")
    cls = "mz-pill" + ("" if v == "none" else f" mz-pill--{v}")
    return f'<span class="{cls}">{p["text"]}</span>'

def stat_tile(s):
    v = s.get("variant", "none")
    cls = "mz-stat" + ("" if v == "none" else f" mz-stat--{v}")
    unit = f'<span class="mz-stat__unit">{s["unit"]}</span>' if s.get("unit") else ""
    return (f'    <div class="{cls}"><div class="mz-stat__label">{s["label"]}</div>'
            f'<div class="mz-stat__value">{s["value"]}{unit}</div></div>')

def card(c):
    pills = "\n      ".join(pill(p) for p in c.get("pills", []))
    note = f'\n    <p class="mz-card__note">{c["note"]}</p>' if c.get("note") else ""
    return f'''  <div class="mz-card mz-reveal">
    <div class="mz-card__label">{c["label"]}</div>
    <h3 class="mz-h3"><a href="{c["url"]}">{c["name"]}</a>
      {pills}</h3>
    <p>{c["desc"]}</p>{note}
  </div>'''

def section(s):
    cards = "\n\n".join(card(c) for c in s["cards"])
    return f'  <h2 class="mz-h2">{s["title"]}</h2>\n\n{cards}'

def delta_row(r):
    flat = r["delta"] in ("±0", "+0", "0")
    if flat:
        p = '<span class="mz-pill">±0</span>'
    else:
        variant = "mz-pill mz-pill--ok" + (" mz-pill--solid" if r.get("top") else "")
        p = f'<span class="{variant}">{r["delta"]}</span>'
    return (f'      <tr><td><a href="{r["url"]}">{r["name"]}</a></td>'
            f'<td>{r["before"]}</td><td>{r["after"]}</td><td>{p}</td></tr>')

def render(template_path, ctx_path, out_path):
    ctx = json.loads(Path(ctx_path).read_text(encoding="utf-8"))
    tpl = Path(template_path).read_text(encoding="utf-8")

    meta_rows = "\n".join(
        f'    <dt class="mz-meta__key">{k}</dt><dd class="mz-meta__value">{v}</dd>'
        for k, v in ctx["meta"].items())
    stat_tiles = "\n".join(stat_tile(s) for s in ctx["stats"])
    sections = "\n\n".join(section(s) for s in ctx["sections"])

    delta_block, chart_script = "", ""
    if ctx.get("delta"):
        d = ctx["delta"]
        rows = "\n".join(delta_row(r) for r in d["rows"])
        delta_block = f'''  <h2 class="mz-h2">{d["title"]}</h2>

  <div class="mz-prose">
    <p class="mz-lead">{d["lead"]}</p>
    <p>{d["text"]}</p>
  </div>

  <div class="mz-chart mz-chart--tall" id="delta-chart-wrap">
    <canvas id="delta-chart"></canvas>
  </div>

  <div class="mz-table-wrap">
    <table class="mz-table mz-table--mono">
      <tr><th>Repo</th><th>{d.get("col_before", "vorher")}</th><th>{d.get("col_after", "nachher")}</th><th>{d.get("col_delta", "Δ")}</th></tr>
{rows}
    </table>
  </div>'''
        labels = json.dumps(d["chart_labels"], ensure_ascii=False)
        data = json.dumps(d["chart_data"])
        chart_script = f'''  applyMzoneChartTheme(Chart);
  new Chart(document.getElementById('delta-chart'), {{
    type: 'bar',
    data: {{ labels: {labels}, datasets: [{{ label: '{d.get("chart_label", "Δ")}', data: {data}, ...mzPalette.series(0) }}] }},
    options: mzChartOptions()
  }});

  magnify('#delta-chart-wrap', {{ zoom: 2.2, radius: 90, wheelZoom: true, label: true }});'''

    findings_block = ""
    if ctx.get("findings"):
        items = "\n".join(
            f'''    <li class="mz-finding mz-finding--{f.get("variant", "warn")}">
      <div class="mz-finding__head"><span class="mz-finding__id">{f["id"]}</span><span class="mz-pill mz-pill--{f.get("variant", "warn")}">{f["pill"]}</span></div>
      <div class="mz-finding__body">{f["body"]}</div>
    </li>''' for f in ctx["findings"])
        findings_block = f'''  <h2 class="mz-h2">{ctx.get("findings_title", "Aussortiert")}</h2>

  <ol class="mz-findings">
{items}
  </ol>'''

    crossrefs = "\n".join(
        f'    <a class="mz-crossref" href="{c["href"]}">{c["text"]}</a>' for c in ctx.get("crossrefs", []))

    html = (tpl
        .replace("{{PAGE_TITLE}}", ctx["page_title"])
        .replace("{{KICKER}}", ctx["kicker"])
        .replace("{{TITLE}}", ctx["title"])
        .replace("{{SUBTITLE}}", ctx["subtitle"])
        .replace("{{META_ROWS}}", meta_rows)
        .replace("{{STAT_TILES}}", stat_tiles)
        .replace("{{SECTIONS}}", sections)
        .replace("{{DELTA_BLOCK}}", delta_block)
        .replace("{{FINDINGS_BLOCK}}", findings_block)
        .replace("{{CROSSREFS}}", crossrefs)
        .replace("{{FOOTER}}", ctx["footer"])
        .replace("{{CHART_SCRIPT}}", chart_script))

    out = Path(out_path)
    out.parent.mkdir(parents=True, exist_ok=True)
    out.write_text(html, encoding="utf-8")
    print(f"OK {out} ({len(html)} bytes)")

if __name__ == "__main__":
    render(sys.argv[1], sys.argv[2], sys.argv[3])