{% extends "_layout.html" %}
{% block content %}
<section class="card">
    <div class="flex items-center justify-between px-4 py-3 border-b border-soft">
        <h2 class="font-semibold">Meine Bewerbungen</h2>
        <span class="text-xs text-slate-500">{{ applications|length }}</span>
    </div>
    <div class="divide-y divide-soft">
        {% for a in applications %}
        <div class="px-4 py-3 text-sm">
            <div class="flex items-center gap-2 flex-wrap">
                {% if a.success == 1 %}<span class="chip chip-ok">ok</span>
                {% elif a.success == 0 %}<span class="chip chip-bad">fehlgeschlagen</span>
                {% else %}<span class="chip chip-warn">läuft</span>{% endif %}
                <span class="chip chip-info">{% if a.triggered_by == 'auto' %}automatisch{% else %}manuell{% endif %}</span>
                {% if a.provider %}<span class="chip chip-info">{{ a.provider }}</span>{% endif %}
                {% if a.submit_forms_used %}<span class="chip chip-warn">echt gesendet</span>
                {% else %}<span class="chip chip-info">nicht abgeschickt</span>{% endif %}
                <span class="text-slate-500 text-xs ml-auto"
                      title="{{ a.started_at|de_dt }}">{{ a.started_at|de_dt }}</span>
            </div>
            <div class="mt-1 truncate">
                <a href="/bewerbungen/{{ a.id }}">#{{ a.id }} — {{ a.address or a.url }}</a>
            </div>
            {% if a.message %}<div class="text-xs text-slate-500 mt-0.5 truncate">{{ a.message }}</div>{% endif %}
            {% if a.success == 0 %}
            <div class="mt-1">
                <a class="text-xs" href="/bewerbungen/{{ a.id }}/report.zip">↓ Fehler-Report (ZIP)</a>
            </div>
            {% endif %}
        </div>
        {% else %}
        <div class="px-4 py-8 text-center text-slate-500">Noch keine Bewerbungen.</div>
        {% endfor %}
    </div>
</section>
{% endblock %}