{% extends "base.html" %}

{% block content %}
<div class="ph-row fi">
  <div class="ph">
    <div class="ey">Reference Data</div>
    <h1>通信部件</h1>
  </div>
  <a class="b ac" href="{{ url_for('web.communication_new') }}">+ New</a>
</div>

<div class="fb fi">
  <form method="get" action="{{ url_for('web.communication_list') }}" style="display:flex;gap:8px;align-items:center;flex-wrap:wrap">
    <input type="text" name="q" value="{{ search_term }}" placeholder="Search...">
    <select name="source" onchange="this.form.submit()">
      <option value="">All Sources</option>
      {% for s in source_options %}<option value="{{ s }}" {% if s == source_filter %}selected{% endif %}>{{ s }}</option>{% endfor %}
    </select>
    <select name="antenna_type" onchange="this.form.submit()">
      <option value="">All Types</option>
      {% for t in type_options %}<option value="{{ t }}" {% if t == antenna_type_filter %}selected{% endif %}>{{ t }}</option>{% endfor %}
    </select>
    <button class="b" type="submit">Search</button>
  </form>
</div>

<table class="fi">
  <thead><tr><th>Name</th><th>Range</th><th>Mass</th><th>Type</th><th>Source</th><th>Action</th></tr></thead>
  <tbody>
    {% for row in rows %}
    <tr>
      <td><a href="{{ url_for('web.communication_edit', part_id=row.id) }}">{{ row.part_name }}</a></td>
      <td>{{ row.display_name or '—' }}</td>
      <td>{{ row.mass_t or '—' }}t</td>
      <td>{{ row.antenna_type or '—' }}</td>
      <td class="mt">{{ row.source or '—' }}</td>
      <td><div class="act-btn"><a href="{{ url_for('web.communication_edit', part_id=row.id) }}">Edit</a></div></td>
    </tr>
    {% endfor %}
  </tbody>
</table>

{% if total_pages > 1 %}
<div class="pg-bar fi">
  {% if has_prev %}<a href="{{ prev_url }}">← Prev</a>{% endif %}
  {% for link in page_links %}{% if link.is_current %}<span class="cur">{{ link.page }}</span>{% elif link.is_ellipsis %}<span>...</span>{% else %}<a href="{{ link.url }}">{{ link.page }}</a>{% endif %}{% endfor %}
  {% if has_next %}<a href="{{ next_url }}">Next →</a>{% endif %}
</div>
{% endif %}
{% endblock %}