#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
wireframes.py — Vignettes SVG des layouts (Sliding Design System)
=================================================================
Schémas grosse maille, aux couleurs de la charte, FIDÈLES à la
structure de chaque _render_* du moteur (cartes, bandeaux navy/coral,
cercles, colonnes, barres, badges…). Pur Python/SVG : aucune
dépendance, aucun LibreOffice, régénérable en une fraction de seconde.

API : svg_for(layout_name, mode) -> str (SVG inline, viewBox 320x180).
Un layout inconnu retombe sur un gabarit générique titre + lignes.

Consommé par build_gallery.py (vignette dans chaque fiche).
"""

# ── Charte ───────────────────────────────────────────────────────────────────
NAVY = "#061033"
NAVY2 = "#10204D"
CORAL = "#F4795B"
GLACIER = "#8FA9D0"
SLATE = "#46505A"
CARD = "#F4F1EC"
BODY = "#2B3440"
MUTED = "#C9CDD3"
WHITE = "#FFFFFF"

W, H = 320, 180
MX = 20            # marge horizontale de la zone utile

# ── Primitives ───────────────────────────────────────────────────────────────


def _r(x, y, w, h, fill, rad=0, op=1.0, stroke=None):
    s = f' stroke="{stroke}" stroke-width="1"' if stroke else ""
    return (f'<rect x="{x:.0f}" y="{y:.0f}" width="{w:.0f}" '
            f'height="{h:.0f}" rx="{rad}" fill="{fill}" '
            f'opacity="{op}"{s}/>')


def _c(cx, cy, rad, fill, op=1.0):
    return (f'<circle cx="{cx:.0f}" cy="{cy:.0f}" r="{rad:.0f}" '
            f'fill="{fill}" opacity="{op}"/>')


def _title_bar(y=16, w=150, c=NAVY):
    return _r(MX, y, w, 12, c, rad=2)


def _lines(x, y, w, n, gap=13, c=MUTED, first=None, fw=None):
    out = []
    for i in range(n):
        cc = first if (first and i == 0) else c
        ww = (fw or w) if (fw and i == 0) else w
        out.append(_r(x, y + i * gap, ww, 7, cc, rad=3))
    return "".join(out)


def _img_zone(x, y, w, h, mode="light"):
    """Zone image : aplat glacier clair + diagonale (convention wireframe)."""
    fill = GLACIER
    return (_r(x, y, w, h, fill, rad=4, op=0.5)
            + f'<line x1="{x:.0f}" y1="{y+h:.0f}" x2="{x+w:.0f}" '
              f'y2="{y:.0f}" stroke="{GLACIER}" stroke-width="1.5"/>'
            + f'<line x1="{x:.0f}" y1="{y:.0f}" x2="{x+w:.0f}" '
              f'y2="{y+h:.0f}" stroke="{GLACIER}" stroke-width="1.5"/>')


def _frame(mode, body):
    bg = NAVY if mode == "dark" else ("#EEF1F6" if mode == "panel"
                                      else WHITE)
    return (f'<svg xmlns="http://www.w3.org/2000/svg" '
            f'viewBox="0 0 {W} {H}" class="wf">'
            f'{_r(0, 0, W, H, bg, rad=8)}'
            f'<rect x="0.5" y="0.5" width="{W-1}" height="{H-1}" rx="8" '
            f'fill="none" stroke="#E3E0D9"/>{body}</svg>')


def _title_light(mode):
    return WHITE if mode == "dark" else NAVY


# ── Archétypes (fidèles aux _render_*) ───────────────────────────────────────

def _wf_cover(mode):
    # cover_split : fond navy, cercles décoratifs coin, filet coral, titre
    b = [_c(300, 20, 46, NAVY2), _c(288, 150, 30, CORAL, 0.9),
         _c(250, 150, 14, GLACIER),
         _r(MX, 74, 40, 4, CORAL, rad=1),
         _r(MX, 88, 150, 16, WHITE, rad=2),
         _r(MX, 120, 96, 8, GLACIER, rad=2)]
    return _frame("dark", "".join(b))


def _wf_section(mode):
    # section_divider : navy, gros numéro fantôme, titre
    b = [_c(300, 150, 40, NAVY2),
         _r(MX, 78, 20, 20, CORAL, rad=2),
         _r(MX, 104, 130, 14, WHITE, rad=2)]
    return _frame("dark", "".join(b))


def _wf_end(mode):
    b = [_c(300, 24, 40, CORAL, 0.9), _c(30, 150, 46, NAVY2),
         _r(96, 74, 128, 14, WHITE, rad=2),
         _r(120, 100, 80, 8, GLACIER, rad=2)]
    return _frame("dark", "".join(b))


def _wf_big_stat(mode):
    tl = _title_light(mode)
    # titre en haut ; chiffre coral CENTRÉ (H et V) ; desc + source
    # centrées dessous — cf _render_big_stat (align CENTER, _cy).
    b = [_title_bar(w=120, c=tl),
         _r(90, 66, 140, 40, CORAL, rad=4),          # chiffre héros, centré
         _r(110, 116, 100, 8, MUTED, rad=3),         # description centrée
         _r(134, 132, 52, 5, MUTED, rad=2, op=0.6)]  # source centrée
    return _frame(mode, "".join(b))


def _wf_key_message(mode):
    # key_message : fond navy, grande phrase centrée
    b = [_r(40, 70, 240, 14, WHITE, rad=2),
         _r(70, 92, 180, 14, GLACIER, rad=2),
         _r(130, 120, 60, 6, CORAL, rad=2)]
    return _frame("dark", "".join(b))


def _wf_bullets(mode):
    tl = _title_light(mode)
    # titre en haut ; puces CARRÉES coral + texte, bloc centré vertical.
    # Pas de barre latérale (cf _render_default_bullets).
    b = [_title_bar(c=tl)]
    for y in (66, 94, 122):
        b.append(_r(MX, y, 8, 8, CORAL, rad=1))      # square_mark coral
        b.append(_r(MX + 18, y, 250, 8, MUTED, rad=3))
    return _frame(mode, "".join(b))


def _wf_two_cols(mode):
    b = [_title_bar(w=170)]
    cw, xs, acc = 132, (MX, 168), (NAVY, CORAL)
    for i in range(2):
        x = xs[i]
        b.append(_r(x, 44, cw, 120, CARD, rad=6))
        b.append(_r(x, 44, cw, 26, acc[i], rad=6))
        b.append(_r(x, 58, cw, 12, acc[i]))
        b.append(_r(x + 12, 52, 70, 10, WHITE, rad=3))
        b.append(_lines(x + 12, 84, 100, 4, gap=15))
    return _frame("light", "".join(b))


def _wf_from_to(mode):
    b = [_title_bar(w=150)]
    for i, (x, c) in enumerate(((MX, NAVY), (176, SLATE))):
        b.append(_r(x, 50, 120, 100, CARD, rad=6))
        b.append(_r(x, 50, 120, 6, c, rad=3))
        b.append(_lines(x + 12, 70, 90, 4, gap=16))
    b.append(_c(160, 100, 10, CORAL))            # flèche/pivot central
    return _frame("light", "".join(b))


def _wf_exec_summary(mode):
    b = [_title_bar(w=160)]
    for i, x in enumerate((MX, 112, 204)):
        b.append(_r(x, 54, 96, 108, CARD, rad=6))
        b.append(_c(x + 16, 74, 9, NAVY))
        b.append(_r(x + 12, 96, 72, 7, SLATE, rad=3))
        b.append(_lines(x + 12, 112, 72, 3, gap=12))
    b.append(_r(MX, 54, 96, 4, CORAL, rad=2))    # 1re carte accentuée
    return _frame("light", "".join(b))


def _wf_kpi_grid(mode):
    b = [_title_bar(w=120)]
    xs = (MX, 112, 204)
    for i, x in enumerate(xs):
        b.append(_r(x, 56, 96, 100, CARD, rad=6))
        b.append(_r(x + 12, 74, 50, 22, CORAL if i == 0 else NAVY,
                    rad=3))
        b.append(_r(x + 12, 104, 70, 6, SLATE, rad=3))
        b.append(_r(x + 12, 118, 56, 6, MUTED, rad=3))
    return _frame("light", "".join(b))


def _wf_numbered_steps(mode):
    b = [_title_bar(w=150)]
    for i, y in enumerate((52, 86, 120)):
        b.append(_r(MX, y, 280, 28, CARD, rad=6))
        b.append(_c(MX + 18, y + 14, 11, NAVY))
        b.append(_r(MX + 40, y + 10, 200, 8, MUTED, rad=3))
    return _frame("light", "".join(b))


def _wf_agenda(mode):
    b = [_title_bar(w=140)]
    for i, y in enumerate((52, 84, 116, 148)):
        active = (i == 1)
        b.append(_c(MX + 12, y, 10, CORAL if active else NAVY))
        b.append(_r(MX + 30, y - 5, 180, 9,
                    NAVY if active else MUTED, rad=3))
        b.append(_r(230, y - 5, 60, 9, MUTED, rad=3, op=0.6))
    return _frame("light", "".join(b))


def _wf_circular(mode):
    tl = _title_light(mode)
    b = [_title_bar(w=130, c=tl)]
    cx, cy = 110, 108
    for ang, c in ((0, NAVY), (120, SLATE), (240, GLACIER)):
        import math
        x = cx + 34 * math.cos(math.radians(ang))
        y = cy + 34 * math.sin(math.radians(ang))
        b.append(_c(x, y, 22, c))
    b.append(_c(cx, cy, 14, CORAL))
    # légende
    for i, y in enumerate((70, 100, 130)):
        b.append(_c(210, y, 6, (NAVY, SLATE, GLACIER)[i]))
        b.append(_r(224, y - 4, 76, 7, MUTED, rad=3))
    return _frame(mode, "".join(b))


def _wf_recommendation(mode):
    b = [_title_bar(w=150),
         _r(MX, 48, 190, 116, CARD, rad=6),
         _r(MX, 48, 190, 6, CORAL, rad=3),
         _c(MX + 20, 72, 10, NAVY),
         _lines(MX + 40, 66, 130, 4, gap=16),
         _r(228, 48, 72, 116, NAVY, rad=6),      # panneau latéral navy
         _r(240, 70, 48, 8, GLACIER, rad=3),
         _lines(240, 92, 48, 3, gap=13, c="#33436A")]
    return _frame("light", "".join(b))


def _wf_phases_timeline(mode):
    b = [_title_bar(w=150)]
    for i, x in enumerate((MX, 112, 204)):
        c = (NAVY, SLATE, GLACIER)[i]
        b.append(_r(x, 74, 96, 44, c, rad=6))
        if i < 2:
            b.append(_r(x + 96, 94, 16, 4, MUTED, rad=2))
        b.append(_r(x + 20, 126, 56, 6, MUTED, rad=3))
    return _frame("light", "".join(b))


def _wf_gantt(mode):
    b = [_title_bar(w=140)]
    rows = ((40, 120, NAVY), (90, 90, SLATE), (150, 100, NAVY),
            (70, 130, GLACIER))
    for i, (x, w, c) in enumerate(rows):
        y = 56 + i * 26
        b.append(_r(MX, y, 60, 10, MUTED, rad=2))     # label
        b.append(_r(90 + x, y, w, 12, c, rad=3))      # barre
    return _frame("light", "".join(b))


def _wf_yearly(mode):
    b = [_title_bar(w=130),
         _r(MX, 100, 280, 3, NAVY)]                    # ligne de temps
    for i, x in enumerate((40, 120, 200, 280)):
        b.append(_c(x, 101, 7, CORAL if i == 1 else NAVY))
        b.append(_r(x - 20, 116, 40, 6, MUTED, rad=2))
    return _frame("light", "".join(b))


def _wf_comparison(mode):
    b = [_title_bar(w=150), _r(MX, 48, 280, 20, NAVY, rad=4)]  # entête
    for j in range(3):
        b.append(_r(MX + 4 + j * 92, 52, 84, 12, WHITE, rad=2,
                    op=0.5))
    for i in range(4):
        y = 72 + i * 22
        b.append(_r(MX, y, 280, 18, CARD if i % 2 else WHITE, rad=2,
                    stroke="#E3E0D9"))
        for j in range(3):
            b.append(_r(MX + 10 + j * 92, y + 5, 64, 7, MUTED, rad=2))
    return _frame("light", "".join(b))


def _wf_raci(mode):
    b = [_title_bar(w=120), _r(MX, 48, 280, 18, NAVY, rad=4)]
    letters = (NAVY, CORAL, SLATE, GLACIER)
    for i in range(4):
        y = 70 + i * 22
        b.append(_r(MX, y, 80, 16, CARD, rad=2))
        for j in range(4):
            b.append(_c(130 + j * 44, y + 8, 7, letters[j], 0.85))
    return _frame("light", "".join(b))


def _wf_process_arrow(mode):
    b = [_title_bar(w=140)]
    for i, x in enumerate((MX, 120, 220)):
        c = CORAL if i == 1 else NAVY
        b.append(f'<polygon points="{x},80 {x+70},80 {x+86},104 '
                 f'{x+70},128 {x},128 {x+16},104" fill="{c}"/>')
    return _frame("light", "".join(b))


def _wf_org_chart(mode):
    b = [_title_bar(w=120),
         _r(130, 52, 60, 26, NAVY, rad=4)]
    for x in (60, 140, 220):
        b.append(_r(x, 120, 56, 26, CARD, rad=4, stroke="#E3E0D9"))
        b.append(f'<line x1="160" y1="78" x2="{x+28}" y2="120" '
                 f'stroke="{NAVY}" stroke-width="1.5"/>')
    return _frame("light", "".join(b))


def _wf_matrix(mode):
    tl = _title_light(mode)
    b = [_title_bar(w=120, c=tl),
         f'<line x1="160" y1="46" x2="160" y2="170" stroke="{SLATE}" '
         f'stroke-width="1.5"/>',
         f'<line x1="24" y1="108" x2="296" y2="108" stroke="{SLATE}" '
         f'stroke-width="1.5"/>']
    quad = ((92, 78, NAVY), (228, 78, CORAL),
            (92, 140, SLATE), (228, 140, GLACIER))
    for cx, cy, c in quad:
        b.append(_c(cx, cy, 16, c, 0.9))
    return _frame(mode, "".join(b))


def _wf_image_split(mode):
    b = [_img_zone(MX, 44, 130, 120),
         _r(168, 44, 130, 14, NAVY, rad=2),
         _c(176, 78, 3, CORAL),
         _lines(184, 74, 108, 4, gap=17)]
    return _frame("light", "".join(b))


def _wf_image_full(mode):
    b = [_img_zone(0, 0, W, H),
         _r(0, 120, W, 60, NAVY, rad=0, op=0.82),
         _r(MX, 134, 150, 12, WHITE, rad=2),
         _r(MX, 152, 90, 7, GLACIER, rad=2)]
    return _frame("light", "".join(b))


def _wf_bar_chart(mode):
    b = [_title_bar(w=120)]
    vals = (40, 70, 55, 90, 62)
    for i, v in enumerate(vals):
        x = 40 + i * 52
        b.append(_r(x, 150 - v, 32, v, NAVY, rad=2))
    b.append(_r(30, 150, 270, 2, SLATE))
    return _frame("light", "".join(b))


def _wf_line_chart(mode):
    b = [_title_bar(w=120), _r(30, 150, 270, 2, SLATE)]
    pts = [(40, 130), (100, 96), (160, 110), (220, 70), (288, 84)]
    path = " ".join(f"{x},{y}" for x, y in pts)
    b.append(f'<polyline points="{path}" fill="none" stroke="{NAVY}" '
             f'stroke-width="2.5"/>')
    b.append(_c(288, 84, 5, CORAL))
    return _frame("light", "".join(b))


def _wf_donut(mode):
    tl = _title_light(mode)
    b = [_title_bar(w=110, c=tl)]
    b.append(f'<circle cx="100" cy="106" r="40" fill="none" '
             f'stroke="{NAVY}" stroke-width="18"/>')
    b.append(f'<path d="M100 66 A40 40 0 0 1 138 118" fill="none" '
             f'stroke="{CORAL}" stroke-width="18"/>')
    for i, y in enumerate((84, 108, 132)):
        b.append(_c(210, y, 6, (NAVY, CORAL, GLACIER)[i]))
        b.append(_r(224, y - 4, 76, 7, MUTED, rad=3))
    return _frame(mode, "".join(b))


def _wf_waterfall(mode):
    b = [_title_bar(w=140), _r(30, 150, 270, 2, SLATE)]
    # colonnes cumulées : base navy, deltas coral, total navy
    cols = ((40, 150 - 70, 70, NAVY), (94, 80, 34, CORAL),
            (148, 60, 40, CORAL), (202, 44, 30, CORAL),
            (256, 150 - 90, 90, NAVY))
    for x, y, h, c in cols:
        b.append(_r(x, y, 34, h, c, rad=2))
    return _frame("light", "".join(b))


def _wf_heatmap(mode):
    b = [_title_bar(w=120)]
    import random
    random.seed(3)
    shades = ["#D6DCEA", "#9FB0D0", GLACIER, NAVY2, NAVY]
    for r in range(4):
        for cix in range(5):
            b.append(_r(60 + cix * 46, 54 + r * 26, 42, 22,
                        shades[(r + cix) % 5], rad=2))
        b.append(_r(MX, 58 + r * 26, 32, 12, MUTED, rad=2))
    return _frame("light", "".join(b))


def _wf_funnel(mode):
    b = [_title_bar(w=110)]
    widths = (240, 180, 120, 70)
    cols = (NAVY, NAVY2, GLACIER, CORAL)
    for i, w in enumerate(widths):
        x = (W - w) / 2
        b.append(f'<polygon points="{x},{58+i*26} {x+w},{58+i*26} '
                 f'{x+w-14},{80+i*26} {x+14},{80+i*26}" '
                 f'fill="{cols[i]}"/>')
    return _frame("light", "".join(b))


def _wf_pyramid(mode):
    b = [_title_bar(w=110)]
    widths = (90, 150, 210, 270)
    cols = (CORAL, GLACIER, SLATE, NAVY)
    for i, w in enumerate(widths):
        x = (W - w) / 2
        b.append(_r(x, 132 - i * 24, w, 20, cols[i], rad=2))
    return _frame("light", "".join(b))


def _wf_generic(mode):
    tl = _title_light(mode)
    return _frame(mode, _title_bar(c=tl) + _lines(MX, 50, 240, 5,
                                                  gap=18))


# ── Mapping layout → archétype ───────────────────────────────────────────────

_MAP = {
    "cover_split": _wf_cover,
    "section_divider": _wf_section,
    "end_slide": _wf_end,
    "big_stat": _wf_big_stat,
    "key_message": _wf_key_message,
    "default_bullets": _wf_bullets,
    "two_cols_text": _wf_two_cols,
    "from_to_pairs": _wf_from_to,
    "executive_summary": _wf_exec_summary,
    "kpi_grid": _wf_kpi_grid,
    "numbered_steps": _wf_numbered_steps,
    "agenda": _wf_agenda,
    "circular_diagram": _wf_circular,
    "recommendation_card": _wf_recommendation,
    "phases_timeline": _wf_phases_timeline,
    "gantt_timeline": _wf_gantt,
    "yearly_timeline": _wf_yearly,
    "comparison_table": _wf_comparison,
    "raci_table": _wf_raci,
    "process_arrow": _wf_process_arrow,
    "org_chart": _wf_org_chart,
    "matrix_2x2": _wf_matrix,
    "image_split": _wf_image_split,
    "image_full": _wf_image_full,
    "bar_chart": _wf_bar_chart,
    "line_chart": _wf_line_chart,
    "donut_split": _wf_donut,
    "waterfall": _wf_waterfall,
    "heatmap_table": _wf_heatmap,
    "funnel": _wf_funnel,
    "pyramid": _wf_pyramid,
    # freeform : pas de structure fixe → gabarit générique
    "freeform": _wf_generic,
}


def svg_for(layout_name, mode="light"):
    fn = _MAP.get(layout_name, _wf_generic)
    try:
        return fn(mode)
    except Exception:
        return _wf_generic(mode)


def known():
    return set(_MAP)


if __name__ == "__main__":
    # Auto-test : rend tous les archétypes dans un HTML de contrôle
    import yaml
    import os
    try:
        L = yaml.safe_load(open("layouts_v2.yaml",
                                encoding="utf-8"))["layouts"]
        names = list(L)
    except Exception:
        names = list(_MAP)
    cells = "".join(
        f'<figure style="margin:8px;display:inline-block;width:240px">'
        f'{svg_for(n)}<figcaption style="font:12px sans-serif;'
        f'text-align:center">{n}</figcaption></figure>'
        for n in names)
    open("_wireframes_preview.html", "w").write(
        f"<!doctype html><meta charset=utf-8><body "
        f"style='background:#FAF9F7'>{cells}</body>")
    missing = [n for n in names if n not in _MAP]
    print("layouts:", len(names), "| mappés:",
          len([n for n in names if n in _MAP]),
          "| génériques:", missing or "aucun")
    print("Contrôle visuel : _wireframes_preview.html")