{% extends "base.html" %}
{% block title %}四维对账{% endblock %}
{% block page_header %}
<div class="page-header">
  <h1>图斑—工程—投资—支付 四维对账</h1>
  <p class="sub">空间对象 ↔ 工程措施 ↔ 估算分项 ↔ 支付分配 · 检测重复列支 / 支付超费用池 / 工程量无对应投资 / 有支付无空间对象</p>
</div>
{% endblock %}
{% block content %}
<div class="alert info">合成数据。对账结果用于错配揭示，不自动触发银行支付，不替代财务决算。</div>

<div class="grid-4" style="display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem;margin-bottom:1rem">
  <div class="card kpi"><div class="kpi-label">空间对象</div><div class="kpi-value">{{ counts.spatial }}</div></div>
  <div class="card kpi"><div class="kpi-label">工程措施</div><div class="kpi-value">{{ counts.measures }}</div></div>
  <div class="card kpi"><div class="kpi-label">对账链接</div><div class="kpi-value">{{ counts.links }}</div></div>
  <div class="card kpi"><div class="kpi-label">错配条数</div><div class="kpi-value">{{ findings|length }}</div></div>
</div>

<div class="card">
  <div style="display:flex;justify-content:space-between;align-items:center">
    <h3>错配清单（按严重程度）</h3>
    <div>
      {% if user and user.role != 'readonly' %}
      <form method="post" action="{{ root_path }}/projects/{{ project.id }}/reconcile/run" style="display:inline">
        <button class="btn primary" type="submit">重新检测</button>
      </form>
      {% endif %}
      <a class="btn" href="{{ root_path }}/projects/{{ project.id }}/reconcile/export.csv">导出 CSV</a>
    </div>
  </div>
  <p class="muted">类型统计：
    {% for t,c in by_type.items() %}<span class="badge">{{ t }} {{ c }}</span> {% endfor %}
    · 严重度：{% for s,c in by_severity.items() %}<span class="badge">{{ s }} {{ c }}</span> {% endfor %}
  </p>
  <table class="data">
    <thead><tr><th>严重度</th><th>类型</th><th>标题</th><th>详情</th><th>引用</th><th>差额(万元)</th></tr></thead>
    <tbody>
    {% for f in findings %}
      <tr>
        <td><span class="badge {% if f.severity=='高' %}bad{% elif f.severity=='中' %}warn{% endif %}">{{ f.severity }}</span></td>
        <td>{{ f.finding_type }}</td>
        <td>{{ f.title }}</td>
        <td class="wrap">{{ f.detail }}</td>
        <td><code>{{ f.ref_a }}</code>{% if f.ref_b %} / <code>{{ f.ref_b }}</code>{% endif %}</td>
        <td>{{ f.amount_delta }}</td>
      </tr>
    {% else %}
      <tr><td colspan="6" class="empty-state sm">暂无错配（可点击重新检测）</td></tr>
    {% endfor %}
    </tbody>
  </table>
</div>

<div class="grid-2" style="margin-top:1rem">
  <div class="card">
    <h3>四维链接矩阵</h3>
    <table class="data">
      <thead><tr><th>#</th><th>空间</th><th>工程</th><th>投资</th><th>支付</th><th>池/分配</th><th>完备</th></tr></thead>
      <tbody>
      {% for m in matrix %}
        <tr>
          <td>{{ m.link_id }}</td>
          <td>{{ m.spatial }}</td><td>{{ m.measure }}</td><td>{{ m.estimate }}</td><td>{{ m.payment }}</td>
          <td>{{ m.pool }} / {{ m.allocated }}</td>
          <td>{% if m.complete %}<span class="badge ok">是</span>{% else %}<span class="badge warn">否</span>{% endif %}</td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
  <div class="card">
    <h3>工程措施台账</h3>
    <table class="data">
      <thead><tr><th>编码</th><th>名称</th><th>计划/确认</th><th>空间</th><th>挂接估算</th></tr></thead>
      <tbody>
      {% for m in measures %}
        <tr>
          <td>{{ m.measure_code }}</td><td>{{ m.measure_name }}</td>
          <td>{{ m.plan_qty }} / {{ m.confirmed_qty }} {{ m.unit }}</td>
          <td>{{ m.object_code or '—' }}</td>
          <td>{{ m.estimate_item_name or '—' }}</td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
</div>
<style>
.badge.bad { background:#fecaca; color:#991b1b; }
.badge.ok { background:#dbeafe; color:#1e3a8a; }
.badge.warn { background:#fef3c7; color:#92400e; }
.wrap { max-width:320px; white-space:normal; font-size:13px; }
</style>
{% endblock %}