{% extends "base.html" %}
{% block title %}Ausgeschlossen — Dockhand Backup{% endblock %}

{% block content %}
<h1 class="text-xl font-semibold text-white mb-1">Ausgeschlossene Stacks <span class="text-slate-500 text-base">({{ stacks|length }})</span></h1>
<p class="text-sm text-slate-400 mb-5">Diese Stacks werden <strong>nicht</strong> gesichert und erscheinen nicht im Dashboard.</p>

<div class="grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
  {% for s in stacks %}
  <div class="rounded-lg border border-slate-800 bg-slate-900/40 p-3 flex flex-col gap-2">
    <div class="font-medium text-white truncate" title="{{ s.name }}">{{ s.name }}</div>
    <div class="text-xs text-slate-400">
      Letztes Backup:
      {% if s.last %}<span class="text-slate-300">{{ s.last.ts|short_ts }}</span>{% else %}<span class="text-slate-500">nie</span>{% endif %}
    </div>
    <form method="post" action="{{ url_for('main.toggle', name=s.name) }}" class="mt-auto pt-1">
      <button class="rounded-md border border-slate-700 px-2.5 py-1.5 text-xs hover:bg-slate-800">Wieder einschließen</button>
    </form>
  </div>
  {% else %}
  <p class="text-slate-400 text-sm">Keine ausgeschlossenen Stacks.</p>
  {% endfor %}
</div>
{% endblock %}