{% import "_macros.html" as ui %}
{% if not rows %}
<div class="panel">
  <div class="empty">
    <span class="empty-mark">{{ icon('monitor', 24) }}</span>
    {% if stats.total == 0 and current_user.is_admin %}
      <h2>No machines yet</h2>
      <p>Add your first lab PC on the Manage machines page.</p>
      <a class="btn btn-primary" href="/manage">{{ icon('server', 15) }}Manage machines</a>
    {% elif stats.total == 0 %}
      <h2>No machines yet</h2>
      <p>An administrator hasn't enrolled any lab PCs.</p>
    {% else %}
      <h2>No machines match</h2>
      <p><a href="/">Clear the filters</a> to see them all.</p>
    {% endif %}
  </div>
</div>

{% elif view == 'table' %}
<div class="panel table-wrap">
  <table class="t">
    <thead>
      <tr>
        <th>Machine</th><th>Target</th><th>Location</th><th>Team</th><th>Health</th><th>Firewall</th><th>Availability</th><th></th>
      </tr>
    </thead>
    <tbody>
      {% for row in rows %}
      {% set m = row.machine %}
      <tr>
        <td class="host"><a href="/machines/{{ m.id }}">{{ m.hostname }}</a><small class="mono">{{ m.ip }}</small></td>
        <td>
          {% if m.target %}{{ m.target.platform }}{% if m.target.variant %} · {{ m.target.variant }}{% endif %}
          <small>{{ m.target.software_build }}</small>
          {% else %}<span class="soft">None</span>{% endif %}
        </td>
        <td>{{ m.location }}</td>
        <td>{{ m.owner_team }}</td>
        <td>{{ ui.health(m) }}</td>
        <td>{{ ui.firewall(m) }}</td>
        <td>{{ ui.availability(row) }}</td>
        <td class="go">{{ ui.connect_button(row, current_user, csrf_token) }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{% else %}
<div class="cards">
  {% for row in rows %}
  {% set m = row.machine %}
  <article class="m-card" data-tone="{{ row.tone }}">
    <div class="m-main">
      <div class="m-head">
        <div class="m-title">
          <a href="/machines/{{ m.id }}">{{ m.hostname }}</a>
          <small><span class="mono">{{ m.ip }}</span>{% if m.location %} · {{ m.location }}{% endif %}</small>
        </div>
      </div>
      <div class="m-target">
        {{ icon('cpu', 15) }}
        <div>
          {% if m.target %}
          <b>{{ m.target.platform }}{% if m.target.variant %} · {{ m.target.variant }}{% endif %}</b>
          <small>{{ ' · '.join([m.target.software_build, m.owner_team]|select) or ' ' }}</small>
          {% else %}
          <b style="font-weight:400;color:var(--ink-3)">No target recorded</b>
          <small>{{ m.owner_team or ' ' }}</small>
          {% endif %}
        </div>
      </div>
      <div class="m-chips">{{ ui.health(m) }}{{ ui.firewall(m) }}</div>
    </div>
    <div class="m-foot">
      <div class="avail">{{ ui.availability(row) }}</div>
      {{ ui.connect_button(row, current_user, csrf_token) }}
    </div>
  </article>
  {% endfor %}
</div>
{% endif %}