{% extends "base.html" %}
{% block title %}Snapshots – ZMB Webui{% endblock %}
{% block content %}
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem">
  <h2 style="margin:0">Snapshots</h2>
  <small style="color:var(--pico-muted-color)">{{ snapshots|length }} Snapshots</small>
</div>

{% if not snapshots %}
<p>Keine Snapshots vorhanden.</p>
{% else %}
<div style="overflow-x:auto">
<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Erstellt</th>
      <th>Belegt</th>
      <th>Aktionen</th>
    </tr>
  </thead>
  <tbody>
  {% for snap in snapshots %}
  <tr id="snap-{{ loop.index }}">
    <td style="font-family:monospace;font-size:0.85rem">{{ snap.name }}</td>
    <td>{{ snap.creation }}</td>
    <td>{{ snap.used }}</td>
    <td>
      <div class="actions">
        <button class="outline secondary"
                hx-delete="/api/snapshots/{{ snap.name | urlencode }}"
                hx-confirm="Snapshot {{ snap.name }} löschen?"
                hx-target="#snap-{{ loop.index }}"
                hx-swap="outerHTML">Löschen</button>
        <button class="outline"
                hx-post="/api/snapshots/{{ snap.name | urlencode }}/clone"
                hx-swap="none">Klonen</button>
      </div>
    </td>
  </tr>
  {% endfor %}
  </tbody>
</table>
</div>
{% endif %}
{% endblock %}