{% from "_macros.html" import th %}
<h3>{{ t('词表映射') }} ({{ mappings.total }})</h3>
<form method="get" action="/panel/indicators/relations" class="chips"
      hx-get="/panel/indicators/relations" hx-target="#indicator-relations"
      hx-swap="innerHTML" hx-push-url="true">
  <select name="vocabulary" aria-label="{{ t('词表') }}" hx-get="/panel/indicators/relations" hx-include="closest form">
    <option value="">{{ t('全部词表') }}</option>
    {% for v in vocabularies %}
    <option value="{{ v }}" {{ 'selected' if v == vocabulary }}>{{ v }}</option>
    {% endfor %}
  </select>
  <select name="relation" aria-label="{{ t('关系类型') }}" hx-get="/panel/indicators/relations" hx-include="closest form">
    <option value="">{{ t('全部关系') }}</option>
    {% for r in relation_types %}
    <option value="{{ r }}" {{ 'selected' if r == relation }}>{{ r }}</option>
    {% endfor %}
  </select>
  <input type="search" name="q" value="{{ q }}" placeholder="{{ t('概念/词条关键词') }}"
         aria-label="{{ t('关键词') }}" hx-get="/panel/indicators/relations"
         hx-include="closest form" hx-trigger="search">
  <noscript><button type="submit" class="btn">{{ t('筛选') }}</button></noscript>
</form>
<div class="table-wrap">
<table>
  <thead>
  <tr>{{ th(t('词表')) }}{{ th(t('词条')) }}{{ th(t('关系')) }}{{ th(t('概念')) }}{{ th(t('置信度')) }}{{ th(t('来源')) }}</tr>
  </thead>
  {% for m in mappings.rows %}
  <tr>
    <td>{{ m.vocabulary }}</td>
    <td><code>{{ m.term }}</code></td>
    <td>{{ m.relation }}</td>
    <td><a href="/panel/indicators/concepts/{{ m.concept_id }}"><code>{{ m.concept_code }}</code></a> {{ m.concept_name or '' }}</td>
    <td>{{ '%.2f' | format(m.confidence) }}</td>
    <td>{{ m.provenance }}</td>
  </tr>
  {% else %}
  <tr><td colspan="6" class="muted">{{ t('无匹配映射') }}</td></tr>
  {% endfor %}
</table>
</div>

<h3 class="mt">{{ t('跨源绑定') }} ({{ bindings.total }})</h3>
<form method="get" action="/panel/indicators/relations" class="chips"
      hx-get="/panel/indicators/relations" hx-target="#indicator-relations"
      hx-swap="innerHTML" hx-push-url="true">
  <select name="source" aria-label="{{ t('源') }}" hx-get="/panel/indicators/relations" hx-include="closest form">
    <option value="">{{ t('全部源') }}</option>
    {% for src in binding_sources %}
    <option value="{{ src }}" {{ 'selected' if src == source }}>{{ src }}</option>
    {% endfor %}
  </select>
  <noscript><button type="submit" class="btn">{{ t('筛选') }}</button></noscript>
</form>
<div class="table-wrap">
<table>
  <thead>
  <tr>{{ th(t('源')) }}{{ th(t('列（原生代码）')) }}{{ th(t('概念')) }}{{ th(t('置信度')) }}{{ th(t('来源')) }}{{ th(t('复核')) }}</tr>
  </thead>
  {% for b in bindings.rows %}
  <tr>
    <td>{{ b.source }}</td>
    <td><code>{{ b.column }}</code></td>
    <td><a href="/panel/indicators/concepts/{{ b.concept_id }}"><code>{{ b.concept_code }}</code></a> {{ b.concept_name or '' }}</td>
    <td>{{ '%.2f' | format(b.confidence) }}</td>
    <td>{{ b.provenance }}</td>
    <td>{{ '✓' if b.reviewed else '—' }}</td>
  </tr>
  {% else %}
  <tr><td colspan="6" class="muted">{{ t('无匹配绑定') }}</td></tr>
  {% endfor %}
</table>
</div>