{% extends "_layout.html" %}
{% block title %}Fehler — lazyflat{% endblock %}
{% block content %}
<section class="card">
    <div class="px-4 py-3 border-b border-soft flex items-center justify-between">
        <h2 class="font-semibold">Fehler {% if is_admin %}<span class="chip chip-info ml-2">inkl. globaler</span>{% endif %}</h2>
        <span class="text-xs text-slate-500">{{ errors|length }}</span>
    </div>
    <div class="divide-y divide-soft">
        {% for e in errors %}
        <a class="block px-4 py-3 hover:bg-[#f6fafd]" href="/fehler/{{ e.id }}">
            <div class="flex items-center gap-2 flex-wrap">
                <span class="chip chip-bad">{{ e.kind }}</span>
                <span class="chip chip-info">{{ e.source }}</span>
                {% if e.application_id %}<span class="chip chip-info">#{{ e.application_id }}</span>{% endif %}
                <span class="text-xs text-slate-500 ml-auto">{{ e.timestamp }}</span>
            </div>
            <div class="text-sm mt-1 truncate">{{ e.summary or "(kein Text)" }}</div>
        </a>
        {% else %}
        <div class="px-4 py-8 text-center text-slate-500">Keine Fehler — läuft rund.</div>
        {% endfor %}
    </div>
    <div class="px-4 py-3 border-t border-soft text-xs text-slate-500">
        Fehler werden 14 Tage aufbewahrt. Bei fehlgeschlagenen Bewerbungen enthält die Detailseite Screenshots,
        Step-Log, Browser-Konsole + Netzwerk-Trace für KI-gestützte Fehleranalyse.
    </div>
</section>
{% endblock %}