{% extends "base.html" %}
{% block title %}Devices — Manage{% endblock %}
{% block content %}
<header class="page-head">
  <h1>Devices <span class="muted">({{ rows|length }})</span></h1>
  <form method="get" class="filters">
    <select name="group" onchange="this.form.submit()">
      <option value="">All groups</option>
      {% for g in groups %}
      <option value="{{ g.id }}" {% if selected_group_id == g.id %}selected{% endif %}>{{ g.name }}</option>
      {% endfor %}
    </select>
    <input name="q" value="{{ q or '' }}" placeholder="Search hostname / IP" onchange="this.form.submit()">
  </form>
</header>

<table class="devices">
  <thead>
    <tr>
      <th></th>
      <th>Hostname</th>
      <th>OS</th>
      <th>IP</th>
      <th>Groups</th>
      <th>CPU</th>
      <th>RAM</th>
      <th>Disk</th>
      <th>Uptime</th>
      <th>Last seen</th>
    </tr>
  </thead>
  <tbody>
    {% for r in rows %}
    <tr>
      <td><span class="dot dot-{{ r.status }}" title="{{ r.status }}"></span></td>
      <td><a href="/devices/{{ r.agent.agent_id }}">{{ r.agent.hostname }}</a></td>
      <td>{{ r.agent.os_name }} {{ r.agent.os_version }}</td>
      <td class="mono">{{ r.agent.ip_address }}</td>
      <td>{% for g in r.agent.groups %}<span class="tag">{{ g.name }}</span>{% endfor %}</td>
      <td>{{ "%.0f"|format(r.agent.cpu_percent) }}%</td>
      <td>{{ r.mem_pct }}%</td>
      <td>{{ r.disk_pct }}%</td>
      <td>{{ r.uptime }}</td>
      <td>{{ r.last_seen }}</td>
    </tr>
    {% else %}
    <tr><td colspan="10" class="empty">No devices enrolled yet. <a href="/enrollment">Generate an enrollment token</a> to add one.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}