{% import "_macros.html" as ui %}
{% for row, values in entries %}
{% set m = row.machine %}
<tr data-row="{{ m.id }}">
  <td class="pick">{{ ui.picker(m) }}</td>
  <td data-col="hostname" data-edit="hostname">{{ values.hostname }}</td>
  {% for c in columns %}
    {% if c.editable %}
    <td data-col="{{ c.key }}" data-edit="{{ c.key }}" {% if c.options %}data-options="{{ c.options|join(',') }}"{% endif %} {% if c.mono %}class="mono"{% endif %} title="{{ values[c.key] }}">{{ values[c.key] }}</td>
    {% elif c.key == 'last_checked' %}
    <td data-col="last_checked">{{ m.compliance_checked_at|localtime('%d %b %H:%M') }}</td>
    {% else %}
    <td data-col="{{ c.key }}"><span id="lv-{{ c.key }}-{{ m.id }}">{% include "manage/_state_cell.html" %}</span></td>
    {% endif %}
  {% endfor %}
  <td class="row-actions">
    <a class="icon-btn" href="/machines/{{ m.id }}/edit" hx-get="/machines/{{ m.id }}/edit" hx-target="#drawer-body" hx-swap="innerHTML" title="Edit every field" aria-label="Edit every field of {{ m.hostname }}">{{ icon('pencil', 15) }}</a>
    <button type="button" class="icon-btn danger" data-delete="{{ m.id }}" data-name="{{ m.hostname }}" title="Delete" aria-label="Delete {{ m.hostname }}">{{ icon('trash', 15) }}</button>
    {{ ui.kebab(row) }}
  </td>
</tr>
{% else %}
<tr class="empty-row">
  <td colspan="99">
    <div class="empty">
      <span class="empty-mark">{{ icon('server', 24) }}</span>
      <h2>No machines here</h2>
      <p>Add a lab PC, import a list, or clear the filters.</p>
      <div class="actions">
        <a class="btn btn-ghost" href="/machines/import" hx-get="/machines/import" hx-target="#drawer-body" hx-swap="innerHTML">{{ icon('upload', 15) }}Import CSV</a>
        <a class="btn btn-primary" href="/machines/new" hx-get="/machines/new" hx-target="#drawer-body" hx-swap="innerHTML">{{ icon('plus', 15) }}Add machine</a>
      </div>
    </div>
  </td>
</tr>
{% endfor %}