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

{% block content %}
<div class="page-header">
    <h1>Gespeicherte Recherchen</h1>
    <a href="/recherche" role="button" class="btn-sm outline">← Recherche</a>
</div>

{% if recherchen %}
<div class="card">
    <table class="data-table">
        <thead>
            <tr>
                <th>Name</th>
                <th style="width: 6rem;">Kontakte</th>
                <th style="width: 8rem;">Erstellt am</th>
                <th style="width: 5rem;">Von</th>
                <th style="width: 8rem;">Aktionen</th>
            </tr>
        </thead>
        <tbody>
            {% for r in recherchen %}
            <tr>
                <td><a href="/recherche/gespeichert/{{ r.id }}">{{ r.name }}</a></td>
                <td>{{ r.anzahl_kontakte }}</td>
                <td style="font-size: 0.85rem;">{{ r.erstellt_am.strftime('%d.%m.%Y') if r.erstellt_am else '-' }}</td>
                <td style="font-size: 0.85rem;">{{ r.erstellt_von or '-' }}</td>
                <td>
                    <div style="display: flex; gap: 0.25rem;">
                        <a href="/recherche/gespeichert/{{ r.id }}" class="btn-sm outline" style="font-size: 0.75rem; padding: 0.15rem 0.4rem;">Laden</a>
                        <form method="post" action="/recherche/gespeichert/{{ r.id }}/loeschen" style="display: inline;"
                              onsubmit="return confirm('Recherche wirklich löschen?');">
                            <button type="submit" class="btn-icon" style="font-size: 0.75rem; padding: 0.15rem 0.4rem; color: var(--kw-danger);">&#x1F5D1;</button>
                        </form>
                    </div>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="card">
    <div class="empty-state">
        <div class="empty-state-icon">&#x1F4BE;</div>
        <p>Noch keine Recherchen gespeichert.</p>
    </div>
</div>
{% endif %}
{% endblock %}
