gwoe-antragspruefer/app/templates/v2/components/score_hero.html

{#
  score_hero.html — Großer Score-Block für die Detailseite

  Props:
    score          : float (0–10) — der GWÖ-Score
    verdict_title  : str — kurzes Urteil (z.B. "Vorbildlich"), UPPERCASE
    verdict_body   : str — ein bis zwei Sätze Urteilsbeschreibung

  Verhalten:
    - score >= 8: var(--ecg-green) als Akzentfarbe
    - score < 5:  var(--redline-contra) als Akzentfarbe (CSS-Klasse "low")
    - 5–7:        Neutral (var(--ecg-dark))

  Verwendung:
    {% from "v2/components/score_hero.html" import score_hero %}
    {{ score_hero(9.1, "Vorbildlich", "Starker Beitrag zur ökologischen Nachhaltigkeit.") }}
#}

{% macro score_hero(score, verdict_title="", verdict_body="") %}
{% set s = score | float %}
{% if s < 5 %}{% set modifier = "low" %}{% else %}{% set modifier = "" %}{% endif %}

<div class="v2-score-hero {{ modifier }}" role="region" aria-label="GWÖ-Score {{ '%.1f'|format(s) }} von 10">
  <div class="big-num" aria-hidden="true">
    {{ "%.1f" | format(s) }}<span class="slash">/10</span>
  </div>
  <div class="verdict">
    {% if verdict_title %}<b>{{ verdict_title }}</b>{% endif %}
    {{ verdict_body }}
  </div>
</div>
{% endmacro %}