{#- Cross-School collaboration arc, driven by `criteria.schools` in
    data/criteria.yaml. The applicant sits in the hub; each UNSW Science School
    named in the Cluster advertisement is placed on an elliptical arc above it,
    with the concrete joint capability underneath the School's name. Node
    angles are spread evenly across the arc and computed from how many Schools
    you list (via the `sin`/`cos` filters registered in build.py), and the box
    height grows to fit the longest wrapped label — add / remove / reorder
    Schools freely and never edit the SVG. `host: true` marks the nominated
    host School, which is drawn filled with a tag above it. -#}
{%- set sc = criteria.schools -%}
{%- set WIDTH = 720 -%}{%- set CX = WIDTH / 2 -%}
{%- set RX = sc.radius_x | default(250) -%}
{%- set RY = sc.radius_y | default(178) -%}
{%- set BOX_W = sc.box_width | default(168) -%}
{%- set HUB_W = sc.hub_width | default(200) -%}
{%- set HUB_H = sc.hub_height | default(48) -%}
{%- set HEAD_WRAP = sc.heading_wrap | default(22) -%}
{%- set SUB_WRAP = sc.subtext_wrap | default(32) -%}
{%- set HEAD_LH = 11 -%}{%- set SUB_LH = 10 -%}
{%- set HEAD_TOP = 14 -%}{%- set HEAD_SUB_GAP = 12 -%}{%- set BOX_PAD = 8 -%}
{%- set nodes = sc.nodes or [] -%}
{%- set n = nodes | length -%}
{#- tallest label pair sets the box height for every node -#}
{%- set ns = namespace(max_head=1, max_sub=1) -%}
{%- for nd in nodes %}
  {%- set hl = (nd.name | wordwrap(HEAD_WRAP, break_long_words=False)).split('\n') %}
  {%- set sl = (nd.theme | wordwrap(SUB_WRAP, break_long_words=False)).split('\n') %}
  {%- if hl | length > ns.max_head %}{%- set ns.max_head = hl | length %}{%- endif %}
  {%- if sl | length > ns.max_sub %}{%- set ns.max_sub = sl | length %}{%- endif %}
{%- endfor %}
{%- set BOX_H = HEAD_TOP + (ns.max_head - 1) * HEAD_LH + HEAD_SUB_GAP + (ns.max_sub - 1) * SUB_LH + BOX_PAD -%}
{%- set TAG_H = 12 -%}
{%- set TOP_PAD = TAG_H + 6 -%}
{%- set HUB_CY = RY + BOX_H / 2 + TOP_PAD -%}
{%- set height = HUB_CY + ([BOX_H / 2, HUB_H / 2] | max) + 10 -%}
{#- pre-compute every node's centre so edges can be drawn before the boxes -#}
{%- set pos = namespace(list=[]) -%}
{%- for nd in nodes -%}
  {%- set ang = 180 - (loop.index0 * 180 / ((n - 1) if n > 1 else 1)) -%}
  {%- set _ = pos.list.append({
       'nd': nd,
       'cx': CX + RX * (ang | cos),
       'cy': HUB_CY - RY * (ang | sin)}) -%}
{%- endfor -%}
<p class="figcap">{{ sc.caption }}</p>
<svg viewBox="0 0 {{ WIDTH }} {{ height | round(1) }}" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="{{ sc.aria or sc.caption }}">
  <!-- connectors, drawn first so the boxes paint over them -->
  <g stroke="#b9cde6" stroke-width="1.4">
    {%- for p in pos.list %}
    <line x1="{{ CX }}" y1="{{ HUB_CY | round(1) }}" x2="{{ p.cx | round(1) }}" y2="{{ p.cy | round(1) }}"/>
    {%- endfor %}
  </g>

  <!-- School nodes -->
  {%- for p in pos.list %}
  {%- set nd = p.nd %}
  {%- set bx = p.cx - BOX_W / 2 %}
  {%- set by = p.cy - BOX_H / 2 %}
  {%- set hl = (nd.name | wordwrap(HEAD_WRAP, break_long_words=False)).split('\n') %}
  {%- set sl = (nd.theme | wordwrap(SUB_WRAP, break_long_words=False)).split('\n') %}
  {%- set content_h = HEAD_TOP + (hl | length - 1) * HEAD_LH + HEAD_SUB_GAP + (sl | length - 1) * SUB_LH + BOX_PAD %}
  {%- set voff = (BOX_H - content_h) / 2 %}
  {%- set tx = (bx + 10) | round(1) %}

  {%- if nd.host %}
  {%- set tagw = (sc.host_tag | default('HOST SCHOOL') | length) * 4.6 + 12 %}
  <rect x="{{ (p.cx - tagw / 2) | round(1) }}" y="{{ (by - TAG_H - 4) | round(1) }}" width="{{ tagw | round(1) }}" height="{{ TAG_H }}" rx="6" fill="#1a5faa"/>
  <text x="{{ p.cx | round(1) }}" y="{{ (by - TAG_H + 4.6) | round(1) }}" text-anchor="middle" font-size="7.2" font-weight="700" fill="#ffffff" letter-spacing="0.6">{{ sc.host_tag | default('HOST SCHOOL') }}</text>
  {%- endif %}

  <rect x="{{ bx | round(1) }}" y="{{ by | round(1) }}" width="{{ BOX_W }}" height="{{ BOX_H }}" rx="6"
        fill="{{ '#e3edf8' if nd.host else '#f6f9fc' }}"
        stroke="{{ '#1a5faa' if nd.host else '#c6d4e4' }}"
        stroke-width="{{ 1.4 if nd.host else 1 }}"><title>{{ nd.title or nd.name }}</title></rect>
  <text x="{{ tx }}" y="{{ (by + HEAD_TOP + voff) | round(1) }}" font-size="9.5" font-weight="700" fill="#0f3f73">
    {%- for line in hl %}<tspan x="{{ tx }}" dy="{{ 0 if loop.first else HEAD_LH }}">{{ line }}</tspan>{%- endfor %}
  </text>
  <text x="{{ tx }}" y="{{ (by + HEAD_TOP + (hl | length - 1) * HEAD_LH + HEAD_SUB_GAP + voff) | round(1) }}" font-size="8.5" fill="#555b63">
    {%- for line in sl %}<tspan x="{{ tx }}" dy="{{ 0 if loop.first else SUB_LH }}">{{ line }}</tspan>{%- endfor %}
  </text>
  {%- endfor %}

  <!-- hub -->
  <rect x="{{ (CX - HUB_W / 2) | round(1) }}" y="{{ (HUB_CY - HUB_H / 2) | round(1) }}" width="{{ HUB_W }}" height="{{ HUB_H }}" rx="8" fill="#0f3f73"><title>{{ sc.hub.title }}</title></rect>
  <text x="{{ CX }}" y="{{ (HUB_CY - 4) | round(1) }}" text-anchor="middle" font-size="11" font-weight="700" fill="#ffffff">{{ sc.hub.name }}</text>
  <text x="{{ CX }}" y="{{ (HUB_CY + 10) | round(1) }}" text-anchor="middle" font-size="8.6" fill="#cfe0f2">{{ sc.hub.subtitle }}</text>
</svg>