{% extends "base.html" %}
{% block title %}情景对比{% endblock %}
{% block page_header %}
<div class="page-header">
  <h1>方案情景对比</h1>
  <p class="sub">并排对比投入 / 缺口 / 预期成果 / 未落实条件 · <strong>不做自动「最优」</strong></p>
</div>
{% endblock %}
{% block content %}
{% if compare.scenarios|length < 2 %}
<div class="empty-state">至少需要 2 个情景才能对比。当前 {{ compare.scenarios|length }} 个。</div>
{% endif %}
<div class="alert warn">{{ compare.note }}</div>
<div class="scenario-compare">
{% for s in compare.scenarios %}
  <div class="card scenario-col {% if s.is_baseline %}is-baseline{% endif %}">
    <h3>{{ s.name }} {% if s.is_baseline %}<span class="tag baseline">基准情景</span>{% endif %}</h3>
    <p class="muted">{{ s.scenario_code }}</p>
    <p>{{ s.description }}</p>
    <div class="kpi"><div class="kpi-label">计划投入（方案）</div><div class="kpi-value">{{ '%.1f'|format(s.invest_wan) }} <small>万元</small></div></div>
    <div class="kpi"><div class="kpi-label">资金缺口</div><div class="kpi-value {% if s.gap_wan>0 %}text-warn{% endif %}">{{ '%.1f'|format(s.gap_wan) }} <small>万元</small></div></div>
    <h4>预期成果</h4>
    <ul>{% for o in s.outcomes %}<li>{{ o }}</li>{% else %}<li class="muted">—</li>{% endfor %}</ul>
    <h4>未落实条件</h4>
    <ul class="unmet">{% for u in s.unmet %}<li>{{ u }}</li>{% else %}<li class="muted">—</li>{% endfor %}</ul>
  </div>
{% endfor %}
</div>
{% endblock %}