{% extends "base.html" %}
{% block title %}{{ project.name }}{% endblock %}
{% block page_header %}
<div class="page-header">
  <div>
    <h1>{{ project.name }} <span class="badge syn">合成数据</span></h1>
    <div class="meta">{{ project.code }} · {{ project.region }} · {{ project.status }} · {{ '%.1f'|format(project.area_mu) }} 亩</div>
  </div>
  <div>
    <a class="btn" href="{{ root_path }}/projects/{{ project.id }}/materials">材料</a>
    <a class="btn" href="{{ root_path }}/projects/{{ project.id }}/spatial">空间</a>
    <a class="btn" href="{{ root_path }}/projects/{{ project.id }}/estimate">估算</a>
    <a class="btn" href="{{ root_path }}/projects/{{ project.id }}/fund">资金</a>
    <a class="btn primary" href="{{ root_path }}/projects/{{ project.id }}/implement">实施</a>
  </div>
</div>
{% endblock %}
{% block content %}
<div class="alert">{{ project.description }}</div>
<div class="panel">
  <div class="panel-h">子项目（按类型）· 状态独立流转</div>
  <div class="panel-b">
    <p class="hint">状态链路：{% for s in status_order %}<span class="badge">{{ s }}</span>{% if not loop.last %} → {% endif %}{% endfor %}</p>
    {% for cat, items in by_cat.items() %}
    <h3 style="margin:16px 0 8px;font-size:14px;color:var(--nav)">{{ cat }}</h3>
    <table class="data">
      <thead><tr><th>名称</th><th>面积（亩）</th><th>当前状态</th><th>备注</th><th>调整状态</th></tr></thead>
      <tbody>
      {% for s in items %}
        <tr>
          <td>{{ s.name }}</td>
          <td class="num">{{ '%.1f'|format(s.area_mu) }}</td>
          <td><span class="badge">{{ s.status }}</span></td>
          <td>{{ s.remark }}</td>
          <td>
            {% if user.role != 'readonly' %}
            <form method="post" action="{{ root_path }}/projects/{{ project.id }}/sub/{{ s.id }}/status" style="display:inline-flex;gap:6px">
              <select name="status">
                {% for st in status_order %}
                <option value="{{ st }}" {% if st==s.status %}selected{% endif %}>{{ st }}</option>
                {% endfor %}
              </select>
              <button class="btn sm" type="submit">更新</button>
            </form>
            {% else %}—{% endif %}
          </td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
    {% endfor %}
  </div>
</div>
{% endblock %}