{% extends "basis.html" %}
{% block titel %}Entwürfe{% endblock %}
{% block inhalt %}

<h1 class="text-xl font-bold">Unfertige Einträge ({{ gesamt }})</h1>
<p class="text-sm text-slate-600 dark:text-slate-300 mt-1 mb-5">
    Aus dem Stapel-Import. Erst wenn Grösse und Kategorie eingetragen sind,
    erscheint ein Teil in der Galerie.
</p>

{% if items %}
    <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3">
        {% for item in items %}
            <a href="/kleid/{{ item.id }}/bearbeiten" class="karte block">
                <div class="aspect-[3/4] bg-slate-100 dark:bg-slate-700">
                    {% if item.hauptbild %}
                        <img src="/uploads/{{ item.hauptbild.image_url }}" alt=""
                             loading="lazy" class="w-full h-full object-cover">
                    {% endif %}
                </div>
                <p class="p-3 text-sm font-semibold text-marke-700 dark:text-marke-100">Nachtragen &rarr;</p>
            </a>
        {% endfor %}
    </div>
{% else %}
    <p class="text-center text-slate-500 dark:text-slate-400 dark:text-slate-500 py-12">
        Nichts offen. <a href="/erfassen" class="text-marke-700 dark:text-marke-100 font-semibold">Neue Fotos hochladen</a>
    </p>
{% endif %}

{% endblock %}