{% if error %}
<div class="alert alert-error shadow-sm">
  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
  </svg>
  <div>
    <div class="font-medium">Error</div>
    <div class="text-sm font-mono">{{ error }}</div>
  </div>
</div>

{% elif rows %}
<div class="card bg-base-100 shadow-sm">
  <div class="card-body">

    <!-- Summary banner -->
    <div class="alert {% if dry_run %}alert-info{% else %}alert-success{% endif %} py-3 mb-4">
      <div>
        {% if dry_run %}
        <div class="font-semibold">Preview — no messages deleted</div>
        <div class="text-sm">
          Found <strong>{{ total }}</strong> message{{ 's' if total != 1 else '' }} across
          <strong>{{ rows | length }}</strong> sender{{ 's' if rows | length != 1 else '' }}
          that match the purge rules.
        </div>
        {% else %}
        <div class="font-semibold">Purge complete</div>
        <div class="text-sm">
          Deleted <strong>{{ total }}</strong> message{{ 's' if total != 1 else '' }} across
          <strong>{{ rows | length }}</strong> sender{{ 's' if rows | length != 1 else '' }}.
        </div>
        {% endif %}
      </div>
    </div>

    <!-- Per-sender breakdown -->
    <table class="table table-sm">
      <thead>
        <tr>
          <th>Sender</th>
          <th class="text-right">Messages</th>
          <th>Sample subjects</th>
        </tr>
      </thead>
      <tbody>
        {% for row in rows %}
        <tr class="result-count">
          <td>
            <div class="font-mono text-sm">{{ row.address }}</div>
            {% if row.label != row.address %}
            <div class="text-xs text-base-content/50">{{ row.label }}</div>
            {% endif %}
          </td>
          <td class="text-right tabular-nums font-semibold {% if not dry_run %}text-error{% endif %}">
            {% if dry_run %}~{% endif %}{{ row.count }}
          </td>
          <td class="text-xs text-base-content/50">
            {% for s in row.subjects %}
            <div class="truncate max-w-xs">{{ s }}</div>
            {% else %}
            —
            {% endfor %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>

    {% if dry_run %}
    <div class="mt-4 text-sm text-base-content/50">
      This was a preview. Click <strong>Execute Purge</strong> to permanently delete these messages.
    </div>
    {% endif %}

  </div>
</div>

{% else %}
<div class="alert alert-success shadow-sm">
  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
  </svg>
  <div>
    <div class="font-medium">Nothing to purge</div>
    <div class="text-sm">No messages matched the purge rules in the current mailbox.</div>
  </div>
</div>
{% endif %}