Add QR upload management to admin

template/customer_qr_admin.tpl

@@ -1,6 +1,6 @@
-<section class="bratonien-section" id="kunden-qr">
-  <h3>Kunden-QR-Upload</h3>
-  <p class="bratonien-section__intro">Öffentliches Uploadformular für QR-Codes mit eindeutiger Jahres-/Nummern-Zuordnung und Batch-Upload.</p>
+<section class="bratonien-section" id="qr-upload">
+  <h3>QR-Upload</h3>
+  <p class="bratonien-section__intro">Aktivierbares Uploadformular mit eindeutiger Jahres-/Nummern-Zuordnung und Batch-Upload.</p>
 
   <div class="bratonien-grid">
     <div class="bratonien-card">
@@ -11,17 +11,17 @@
 
         <label style="display:flex;gap:10px;align-items:center;margin:0 0 14px">
           <input type="checkbox" name="customer_qr_enabled" value="1" {if $CUSTOMER_QR.enabled}checked{/if}>
-          <strong>Kunden-QR-Upload aktivieren</strong>
+          <strong>QR-Upload aktivieren</strong>
         </label>
 
         <button class="buttonLike" type="submit">Einstellung speichern</button>
       </form>
 
-      <p class="bratonien-base-note" style="margin-top:14px">Ist das Formular deaktiviert, liefert die öffentliche Uploadseite keine Uploadmöglichkeit aus.</p>
+      <p class="bratonien-base-note" style="margin-top:14px">Ist das Formular deaktiviert, verschwindet der Menüpunkt und die Uploadseite nimmt keine Dateien an.</p>
     </div>
 
     <div class="bratonien-card">
-      <h4>Öffentliche Adresse</h4>
+      <h4>Formular-Adresse</h4>
       <div class="bratonien-form-grid">
         <span class="bratonien-label">Status</span><strong>{if $CUSTOMER_QR.enabled}Aktiv{else}Deaktiviert{/if}</strong>
         <span class="bratonien-label">Jahre</span><strong>{$CUSTOMER_QR.year_min}–{$CUSTOMER_QR.year_max}</strong>
@@ -48,7 +48,47 @@
         <span class="bratonien-label">Gesamt</span><strong>{$CUSTOMER_QR.total}</strong>
         <span class="bratonien-label">Im Standardjahr {$CUSTOMER_QR.default_year}</span><strong>{$CUSTOMER_QR.current_year_total} / {$CUSTOMER_QR.current_year_capacity}</strong>
       </div>
-      <p class="bratonien-base-note">Eine QR-Code-Nummer ist pro Jahr eindeutig. Dieselbe Nummer kann in einem anderen Jahr erneut verwendet werden.</p>
+      <p class="bratonien-base-note">Eine QR-Code-Nummer ist pro Jahr eindeutig. Wird ein Upload gelöscht, ist die Nummer für dieses Jahr wieder frei.</p>
     </div>
   </div>
+
+  <div class="bratonien-card" style="margin-top:18px;overflow-x:auto">
+    <h4>Uploads verwalten</h4>
+    {if $CUSTOMER_QR.total > 0}
+      <table style="width:100%;border-collapse:collapse;min-width:760px">
+        <thead>
+          <tr>
+            <th style="text-align:left;padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.14)">Jahr</th>
+            <th style="text-align:left;padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.14)">QR-Nr.</th>
+            <th style="text-align:left;padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.14)">Datei</th>
+            <th style="text-align:left;padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.14)">Größe</th>
+            <th style="text-align:left;padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.14)">Upload</th>
+            <th style="text-align:right;padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.14)">Aktionen</th>
+          </tr>
+        </thead>
+        <tbody>
+          {foreach from=$CUSTOMER_QR.uploads item=qr_upload}
+            <tr>
+              <td style="padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.08)"><strong>{$qr_upload.year}</strong></td>
+              <td style="padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.08)"><strong>#{$qr_upload.number|escape:html}</strong></td>
+              <td style="padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.08);max-width:300px;overflow-wrap:anywhere">{$qr_upload.original_name|escape:html}</td>
+              <td style="padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.08)">{$qr_upload.file_size_label|escape:html}</td>
+              <td style="padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.08)">{$qr_upload.created|escape:html}</td>
+              <td style="padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.08);text-align:right;white-space:nowrap">
+                <a class="buttonLike" href="{$qr_upload.preview_url|escape:html}" target="_blank" rel="noopener" style="display:inline-block;margin-right:6px">Vorschau</a>
+                <form method="post" style="display:inline" onsubmit="return confirm('Diesen QR-Upload wirklich löschen? Die QR-Nummer wird danach wieder frei.');">
+                  <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
+                  <input type="hidden" name="bratonien_tool" value="customer_qr_delete">
+                  <input type="hidden" name="customer_qr_id" value="{$qr_upload.id}">
+                  <button class="buttonLike" type="submit">Löschen</button>
+                </form>
+              </td>
+            </tr>
+          {/foreach}
+        </tbody>
+      </table>
+    {else}
+      <p class="bratonien-base-note">Noch keine QR-Codes hochgeladen.</p>
+    {/if}
+  </div>
 </section>