{% extends "base.html" %}
{% block title %}权属与参与{% endblock %}
{% block page_header %}
<div class="page-header">
  <h1>权属与参与 <span class="tag">脱敏展示</span></h1>
  <p class="sub">协议办理节点 · 意见留痕 · {{ mask_hint }} · <strong>明确不做阻力指数</strong></p>
</div>
{% endblock %}
{% block content %}
{% if not matters %}
<div class="empty-state">暂无权属事项。合成样板项目应已灌库，请检查 seed。</div>
{% else %}
<div class="kpi-row">
  <div class="kpi"><div class="kpi-label">事项总数</div><div class="kpi-value">{{ stats.total }}</div></div>
  {% for st, c in stats.by_status.items() %}
  <div class="kpi"><div class="kpi-label">{{ st }}</div><div class="kpi-value">{{ c }}</div></div>
  {% endfor %}
</div>
<div class="tabs">
  <a class="tab active" href="#list">事项列表</a>
  <a class="tab" href="#nodes">办理节点字典</a>
</div>
<div class="grid-2" id="list">
  <div class="card">
    <h3>权属事项</h3>
    <table class="data">
      <thead><tr><th>编号</th><th>类型</th><th>标题</th><th>相对方（脱敏）</th><th>节点</th><th>状态</th></tr></thead>
      <tbody>
      {% for m in matters %}
        <tr class="{% if detail and detail.id==m.id %}row-active{% endif %}">
          <td><a href="{{ root_path }}/projects/{{ project.id }}/rights?m={{ m.id }}">{{ m.matter_no }}</a></td>
          <td>{{ m.matter_type }}</td>
          <td>{{ m.title }}</td>
          <td>{{ m.party_masked }}</td>
          <td>{{ m.node_name or '—' }}</td>
          <td><span class="badge">{{ m.status }}</span></td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
  <div class="card">
    {% if detail %}
    <h3>{{ detail.matter_no }} · 详情</h3>
    <p>{{ detail.title }}</p>
    <p class="muted">地块 {{ detail.parcel_ref or '—' }} · {{ detail.area_mu }} 亩</p>
    {% if detail.risk_note %}<div class="alert warn">风险提示（非评分）：{{ detail.risk_note }}</div>{% endif %}
    {% if user and user.role != 'readonly' %}
    <form method="post" action="{{ root_path }}/projects/{{ project.id }}/rights/{{ detail.id }}/node" class="inline-form">
      <label>推进节点
        <select name="node_code">
          {% for n in nodes %}<option value="{{ n.code }}" {% if detail.node_code==n.code %}selected{% endif %}>{{ n.seq }}. {{ n.name }}</option>{% endfor %}
        </select>
      </label>
      <button type="submit" class="btn">更新节点</button>
    </form>
    {% endif %}
    <h4>意见留痕</h4>
    {% if not opinions %}<div class="empty-state sm">暂无意见记录（意见征集类事项规则检查将输出待核）</div>{% endif %}
    <ul class="timeline">
      {% for o in opinions %}
      <li><strong>{{ o.opinion_type }}</strong> · {{ o.speaker_masked }} · {{ o.recorded_at }}<br/>{{ o.content_masked }}</li>
      {% endfor %}
    </ul>
    {% if user and user.role != 'readonly' %}
    <form method="post" action="{{ root_path }}/projects/{{ project.id }}/rights/{{ detail.id }}/opinion" class="stack-form">
      <label>类型<select name="opinion_type"><option>村民意见</option><option>村集体意见</option><option>部门意见</option><option>专家意见</option><option>其他</option></select></label>
      <label>发言人（将脱敏）<input name="speaker" required placeholder="如：张三"/></label>
      <label>内容<textarea name="content" required rows="3"></textarea></label>
      <button type="submit" class="btn">登记意见（脱敏）</button>
    </form>
    {% endif %}
    {% else %}
    <div class="empty-state">选择左侧事项查看详情与意见留痕</div>
    {% endif %}
  </div>
</div>
<div class="card" id="nodes">
  <h3>协议办理节点字典</h3>
  <table class="data"><thead><tr><th>顺序</th><th>编码</th><th>名称</th><th>说明</th></tr></thead>
  <tbody>{% for n in nodes %}<tr><td>{{ n.seq }}</td><td>{{ n.code }}</td><td>{{ n.name }}</td><td>{{ n.description }}</td></tr>{% endfor %}</tbody></table>
</div>
{% endif %}
{% endblock %}