{% extends "base.html" %}
{% block title %}变更管理{% endblock %}
{% block page_header %}
<div class="page-header">
  <h1>变更管理 · 影响雷达</h1>
  <p class="sub">变更申请 → 差异列表 → <span class="tag">拟变更</span> vs <span class="tag baseline">已确认基准</span> · 自动计算投资/缺口/工期/权益/未落实条件增量 · 不能删除已支付/已验收记录</p>
</div>
{% endblock %}
{% block content %}
<div class="alert info">当前基准估算：
  {% if baseline %}V{{ baseline.version_no }} {{ baseline.title }}（{{ baseline.status }}{% if baseline.baseline_flag %} · 基准{% endif %}）
  {% else %}尚未确认基准（请先发布估算版本）{% endif %}
</div>
<div class="grid-2">
  <div class="card">
    <h3>变更单列表</h3>
    {% if not requests %}<div class="empty-state sm">暂无变更申请</div>{% endif %}
    <table class="data">
      <thead><tr><th>单号</th><th>标题</th><th>状态</th><th>申请人</th></tr></thead>
      <tbody>
      {% for r in requests %}
        <tr><td><a href="{{ root_path }}/projects/{{ project.id }}/change?c={{ r.id }}">{{ r.change_no }}</a></td>
        <td>{{ r.title }}</td><td><span class="badge">{{ r.status }}</span></td><td>{{ r.created_by }}</td></tr>
      {% endfor %}
      </tbody>
    </table>
    {% if user and user.role != 'readonly' %}
    <h4>新建变更申请</h4>
    <form method="post" action="{{ root_path }}/projects/{{ project.id }}/change" class="stack-form">
      <label>标题<input name="title" required/></label>
      <label>原因<textarea name="reason" rows="2"></textarea></label>
      <label>拟变更摘要<textarea name="proposed_summary" rows="2" placeholder="可含增资/调增/延期等关键字以驱动雷达演示"></textarea></label>
      <div class="grid-2">
        <label>对象类型<input name="object_type" value="estimate_items"/></label>
        <label>对象引用<input name="object_ref" placeholder="如：河道清淤疏浚"/></label>
        <label>字段<input name="field_name" value="amount"/></label>
        <label>基准值<input name="baseline_value" value="420"/></label>
        <label>拟变更值<input name="proposed_value" value="560"/></label>
        <label>差异说明<input name="diff_note"/></label>
      </div>
      <p class="hint">若 object_type=payments 且 field=delete，系统将拦截。</p>
      <button class="btn primary" type="submit">提交变更</button>
    </form>
    {% endif %}
  </div>
  <div class="card">
    {% if detail %}
    <h3>{{ detail.change_no }} · {{ detail.title }}</h3>
    <p>状态：<span class="badge">{{ detail.status }}</span> · 申请人 {{ detail.created_by }} · {{ detail.created_at }}</p>
    <p>{{ detail.reason }}</p>
    <p class="muted">拟变更摘要：{{ detail.proposed_summary }}</p>
    <h4>差异列表（拟变更 vs 基准）</h4>
    <table class="data">
      <thead><tr><th>对象</th><th>字段</th><th>基准值</th><th>拟变更值</th><th>说明</th></tr></thead>
      <tbody>
      {% for d in detail.diffs %}
        <tr>
          <td>{{ d.object_type }} / {{ d.object_ref }}</td>
          <td>{{ d.field_name }}</td>
          <td class="baseline-cell">{{ d.baseline_value }}</td>
          <td class="proposed-cell">{{ d.proposed_value }}</td>
          <td>{{ d.diff_note }}</td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
    {% if user and user.role in ['oversee','consult'] and detail.status in ['已提交','草稿'] %}
    <form method="post" action="{{ root_path }}/projects/{{ project.id }}/change/{{ detail.id }}/confirm" style="display:inline"><button class="btn primary">确认变更</button></form>
    <form method="post" action="{{ root_path }}/projects/{{ project.id }}/change/{{ detail.id }}/reject" style="display:inline"><button class="btn">驳回</button></form>
    {% endif %}
    {% else %}
    <div class="empty-state">选择变更单查看差异</div>
    {% endif %}

    {% if impact %}
    <div class="impact-panel" style="margin-top:1.2rem;border-top:1px solid #e2e8f0;padding-top:1rem">
      <h3>拟变更 vs 基准 · 影响雷达</h3>
      <div style="display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start">
        <div>{{ impact_svg|safe }}</div>
        <div style="flex:1;min-width:200px">
          <table class="data">
            <thead><tr><th>维度</th><th>基准</th><th>拟变更</th><th>Δ</th></tr></thead>
            <tbody>
              <tr><td>投资(万元)</td><td>{{ impact.invest_base }}</td><td>{{ impact.invest_proposed }}</td><td>{{ impact.invest_delta_wan }}</td></tr>
              <tr><td>资金缺口(万元)</td><td>{{ impact.gap_base }}</td><td>{{ impact.gap_proposed }}</td><td>{{ impact.gap_delta_wan }}</td></tr>
              <tr><td>工期(天)</td><td>—</td><td>—</td><td>{{ impact.duration_delta_days }}</td></tr>
              <tr><td>权益事项数</td><td>{{ impact.rights_open }}</td><td>{{ impact.rights_open + impact.rights_delta }}</td><td>{{ impact.rights_delta }}</td></tr>
              <tr><td>未落实条件</td><td>{{ impact.unmet_base }}</td><td>{{ impact.unmet_proposed }}</td><td>{{ impact.unmet_conditions_delta }}</td></tr>
            </tbody>
          </table>
          {% if impact.detail_notes %}
          <ul class="hint">{% for n in impact.detail_notes %}<li>{{ n }}</li>{% endfor %}</ul>
          {% endif %}
          <p class="hint">计算于 {{ impact.computed_at }} · 雷达为归一化示意，非审批结论</p>
          <!-- bar chart -->
          <svg width="260" height="120" xmlns="http://www.w3.org/2000/svg">
            {% set bars = [
              ('投资Δ', impact.invest_delta_wan),
              ('缺口Δ', impact.gap_delta_wan),
              ('工期Δ', impact.duration_delta_days),
              ('权益Δ', impact.rights_delta * 20),
              ('条件Δ', impact.unmet_conditions_delta * 25),
            ] %}
            {% for label, val in bars %}
              {% set h = [val|abs, 80]|min %}
              <rect x="{{ loop.index0 * 50 + 10 }}" y="{{ 90 - h }}" width="36" height="{{ h }}" fill="{% if val >= 0 %}#ea580c{% else %}#3b82f6{% endif %}" opacity="0.85"/>
              <text x="{{ loop.index0 * 50 + 28 }}" y="108" text-anchor="middle" font-size="9" fill="#64748b">{{ label }}</text>
            {% endfor %}
          </svg>
        </div>
      </div>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}