{% extends "base.html" %}
{% block title %}材料指标{% endblock %}
{% block page_header %}
<div class="page-header">
  <div>
    <h1>材料指标 · {{ project.name }}</h1>
    <div class="meta">区分「空 / 0 / 待核 / 不适用」· 支持 CSV 导入</div>
  </div>
</div>
{% endblock %}
{% block content %}
{% if request.query_params.get('ok') %}<div class="alert ok">导入成功</div>{% endif %}
<div class="cards">
  {% for k,v in flag_counts.items() %}
  <div class="card"><div class="label">标志「{{ k }}」</div><div class="value">{{ v }}</div></div>
  {% endfor %}
</div>
{% if user.role in ['consult','oversee'] %}
<div class="panel">
  <div class="panel-h">模拟导入（Excel/CSV）</div>
  <div class="panel-b">
    <p class="hint">样例文件：<code>data/materials_sample.csv</code>。列：indicator_code, indicator_name, unit, value_raw, flag</p>
    <form method="post" action="{{ root_path }}/projects/{{ project.id }}/materials/import" enctype="multipart/form-data" class="form-row">
      <label>选择 CSV 文件<input type="file" name="file" accept=".csv,.txt" required /></label>
      <button class="btn primary" type="submit">导入 / 覆盖同编码</button>
    </form>
  </div>
</div>
{% endif %}
<div class="panel">
  <div class="panel-h">指标台账</div>
  <div class="panel-b" style="padding:0;overflow:auto">
    <table class="data">
      <thead>
        <tr><th>编码</th><th>名称</th><th>单位</th><th>原始值</th><th>数值</th><th>标志</th><th>来源</th><th>操作</th></tr>
      </thead>
      <tbody>
      {% for m in materials %}
        <tr>
          <td><code>{{ m.indicator_code }}</code></td>
          <td>{{ m.indicator_name }}</td>
          <td>{{ m.unit }}</td>
          <td>{{ m.value_raw if m.value_raw is not none else '' }}</td>
          <td class="num">{% if m.value_num is not none %}{{ m.value_num }}{% else %}—{% endif %}</td>
          <td><span class="badge flag-{{ m.flag }}">{{ m.flag }}</span></td>
          <td class="hint">{{ m.source }}</td>
          <td>
            {% if user.role in ['consult','oversee'] %}
            <form method="post" action="{{ root_path }}/projects/{{ project.id }}/materials/{{ m.id }}/flag" style="display:inline-flex;gap:4px">
              <select name="flag">
                {% for f in ['空','0','待核','不适用'] %}
                <option value="{{ f }}" {% if f==m.flag %}selected{% endif %}>{{ f }}</option>
                {% endfor %}
              </select>
              <button class="btn sm" type="submit">改标志</button>
            </form>
            {% else %}—{% endif %}
          </td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}