{% extends "admin.html" %}

{% block admin_content %}
<section class="admin-section" aria-labelledby="user-hosts-heading">
  <div class="admin-section-heading">
    <div>
      <p><a href="/admin/users{% if is_en %}?lang=en{% endif %}">← {% if is_en %}Accounts{% else %}返回账号列表{% endif %}</a></p>
      <h2 id="user-hosts-heading">{% if is_en %}Hosts for selected account{% else %}所选账号的主机{% endif %}</h2>
      <p class="admin-mono">{{ account_id }}</p>
    </div>
    <span class="status-badge">{{ total }}</span>
  </div>
  <p>{% if is_en %}Only opaque host identities and migration state are visible. The server never decrypts host business fields.{% else %}这里只显示不透明主机身份和迁移状态；服务器不会解密主机业务字段。{% endif %}</p>
  {% if let Some(message) = load_error %}<div class="admin-feedback" data-tone="error" role="alert"><p>{{ message }}</p></div>{% endif %}
  {% if rows.is_empty() && load_error.is_none() %}<div class="admin-empty"><strong>{% if is_en %}No hosts{% else %}该账号没有云端主机{% endif %}</strong></div>{% endif %}
  {% if !rows.is_empty() %}
  <div class="admin-table-wrap">
    <table class="admin-table">
      <thead><tr><th>{% if is_en %}Opaque host identity{% else %}不透明主机身份{% endif %}</th><th>{% if is_en %}Encryption state{% else %}加密状态{% endif %}</th><th>{% if is_en %}Revision{% else %}修订{% endif %}</th><th>{% if is_en %}Source device{% else %}来源设备{% endif %}</th><th>{% if is_en %}Updated{% else %}更新时间{% endif %}</th></tr></thead>
      <tbody>
        {% for row in rows %}
        <tr>
          <td class="admin-mono">{{ row.id }}</td>
          <td>{% if row.host_metadata_migration_required %}{% if is_en %}Client migration required{% else %}需要客户端迁移{% endif %}{% else %}{% if is_en %}Opaque{% else %}不透明密文{% endif %}{% endif %}</td>
          <td>{{ row.revision }}</td>
          <td class="admin-mono">{{ row.source_device_id }}</td>
          <td class="admin-mono">{{ row.updated_at }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endif %}
</section>
{% endblock %}