{% extends "basis.html" %}
{% block titel %}Erfassen{% endblock %}
{% block inhalt %}

<h1 class="text-xl font-bold mb-4">Kleider erfassen</h1>

{# Der schnelle Weg für den Erstbestand. Bewusst zuerst: wer zwanzig Teile
   hat, will nicht zwanzigmal ein Formular ausfüllen. #}
<form method="post" action="/stapel" enctype="multipart/form-data"
      class="karte p-4 space-y-3">
    <input type="hidden" name="csrf" value="{{ csrf }}">
    <h2 class="font-semibold">Viele auf einmal</h2>
    <p class="text-sm text-slate-600 dark:text-slate-300">
        Erst alles mit der Kamera fotografieren, dann hier alle Fotos
        zusammen auswählen. Pro Foto entsteht ein Entwurf, die Angaben
        trägst du danach in Ruhe nach.
    </p>
    {# Ohne "capture": so lässt sich wahlweise fotografieren ODER aus der
       Mediathek wählen. Mit capture ginge nur je ein Foto pro Vorgang. #}
    <input class="feld py-2" type="file" name="dateien" accept="image/*" multiple required>
    <button class="knopf-haupt w-full">Fotos hochladen</button>
</form>

<p class="text-center text-sm text-slate-500 dark:text-slate-400 dark:text-slate-500 my-5">oder einzeln erfassen</p>

<form method="post" action="/erfassen" enctype="multipart/form-data"
      class="karte p-4 space-y-4">
    <input type="hidden" name="csrf" value="{{ csrf }}">

    <div>
        <label class="etikett" for="fotos">Fotos</label>
        <input class="feld py-2" id="fotos" type="file" name="dateien"
               accept="image/*" multiple>
    </div>

    {% include "_felder.html" %}

    <button class="knopf-haupt w-full">Speichern</button>
</form>

{% endblock %}