{% extends "base.html" %}
{% block title %}{{ site_title }}{% endblock %}
{% block content %}
  {% if not jobs %}
    <p class="empty-state">Noch keine Jobs. Bild in den Sync-Ordner legen, dann kurz warten.</p>
  {% else %}
    <ul class="job-grid">
      {% for job in jobs %}
        <li class="job-card">
          <a href="/jobs/{{ job.job_id }}">
            {% if job.thumbnail %}
              <img class="thumb lightboxable" src="/jobs/{{ job.job_id }}/files/{{ job.thumbnail }}" alt="Variante von Job {{ job.job_id }}" loading="lazy">
            {% else %}
              <span class="thumb thumb-placeholder status-{{ job.status }}">{{ job.status }}</span>
            {% endif %}
            <span class="job-meta">
              <span class="job-id">{{ job.job_id }}</span>
              <span class="job-status status-{{ job.status }}">{{ job.status }} &middot; {{ job.variant_count }} Varianten</span>
            </span>
          </a>
        </li>
      {% endfor %}
    </ul>
  {% endif %}
{% endblock %}