{% 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 %}
              {% set img = img_attrs(job.job_id, job.thumbnail) %}
              <img class="thumb lightboxable"
                   src="{{ img.src }}"
                   srcset="{{ img.srcset }}"
                   sizes="{{ img.sizes }}"
                   data-full-src="{{ img.full_src }}"
                   alt="Variante von Job {{ job.job_id }}"
                   loading="lazy"
                   decoding="async">
            {% 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 %}