{% extends "base.html" %}
{% block title %}Blacklist{{ " - " + app_name() }}{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Blacklist (DSGVO)</h1>
    <a href="/einstellungen" role="button" class="btn-sm outline">Zurueck</a>
</div>

<div class="card">
    <div class="card-header"><h3>Gesperrte Kontakte ({{ kontakte|length }})</h3></div>
    {% if kontakte %}
    <table class="data-table">
        <thead>
            <tr>
                <th>Name</th>
                <th>Typ</th>
                <th>Gesperrt am</th>
                <th>Gesperrt von</th>
                <th>Aktionen</th>
            </tr>
        </thead>
        <tbody>
            {% for k in kontakte %}
            <tr>
                <td><strong>{{ k.anzeigename }}</strong></td>
                <td>{{ 'Organisation' if k.typ == 'organisation' else 'Person' }}</td>
                <td>{{ k.blacklist_am.strftime('%d.%m.%Y %H:%M') if k.blacklist_am else '-' }}</td>
                <td>{{ k.blacklist_von or '-' }}</td>
                <td style="display: flex; gap: 0.5rem;">
                    <a href="/kontakte/{{ k.id }}/bearbeiten" class="btn-sm outline" style="font-size: 0.8rem;">Bearbeiten</a>
                    <form method="post" action="/einstellungen/blacklist/{{ k.id }}/entsperren"
                          onsubmit="return confirm('Kontakt wirklich entsperren? Er wird wieder in allen Uebersichten angezeigt.');">
                        <button type="submit" class="btn-sm" style="font-size: 0.8rem; background: var(--kw-success, #27ae60);">Entsperren</button>
                    </form>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% else %}
    <p style="color: var(--kw-text-muted); padding: 1rem 0;">Keine gesperrten Kontakte vorhanden.</p>
    {% endif %}
</div>
{% endblock %}
