{% import "_macros.html" as m %}
<table>
  <thead><tr><th>Name</th><th>Type</th><th>Target</th><th>Scope</th><th>Status</th><th>Utilization</th><th>Required</th><th class="actions-col"></th></tr></thead>
  <tbody>
    {% for s in items %}
    {% set is_local = s.type == 'local' %}
    <tr{% if not s._implicit %} data-href="/storage/{{ s.name|urlencode }}/edit" class="clickable"{% endif %}>
      <td class="mono">{% if s._implicit %}{{ s.name }}{% else %}<a href="/storage/{{ s.name|urlencode }}/edit" title="Edit destination">{{ s.name }}</a>{% endif %}
        {%- if is_local %} <span class="chip ok" title="Always written unless a device opts out">working copy</span>{% endif %}
        {%- if s.name == default_name %} <span class="chip" title="Global default destination">default</span>{% endif %}</td>
      <td><span class="chip">{{ s.type }}</span></td>
      <td class="mono">{{ s.path or s.host or s.bucket or s.url or '—' }}{% if s.remote_path %}<span class="muted"> {{ s.remote_path }}</span>{% endif %}{% if s.prefix %}<span class="muted"> {{ s.prefix }}</span>{% endif %}</td>
      <td>{% if s.groups %}{{ m.chips(s.groups, 4, 'group') }}{% else %}<span class="muted">all devices</span>{% endif %}</td>
      <td>{{ m.latency_cell(s._sample, s._hist) }}</td>
      <td>{% if s._sample and s._sample.total_bytes %}<span class="util-cell"><meter class="usage" min="0" max="100" value="{{ s._sample.pct }}" low="75" high="90" optimum="0"></meter> <span class="muted">{{ s._sample.used_bytes | filesize }} / {{ s._sample.total_bytes | filesize }}</span></span>{% else %}<span class="muted">—</span>{% endif %}</td>
      <td>{{ m.bool_check(s.required, 'Required', 'Optional') }}</td>
      <td class="row-actions">
        {% if not is_local and s.name != default_name %}<button type="button" class="btn sm" hx-post="/ui/storage/{{ s.name|urlencode }}/default" title="Make this the global default">Set default</button>{% endif %}
        {% if not s._implicit %}{{ m.icon_edit('/storage/' ~ (s.name|urlencode) ~ '/edit') }}{% endif %}
        {% if not is_local %}{{ m.icon_delete('/ui/storage/' ~ (s.name|urlencode) ~ '/delete', 'Delete storage destination “' ~ s.name ~ '”? Existing backups are untouched.', 'Delete destination') }}{% endif %}
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% if monitoring %}{{ m.live_poll('/ui/storage/rows', '#storage-result', 30) }}{% endif %}