Merge pull request 'feature/Warenkorb' (#44) from feature/Warenkorb into develop

Reviewed-on: #44

public/bestellformular/bestellformular.html

@@ -170,6 +170,7 @@
 
                     if (response.ok) {
                         // Bestellung erfolgreich -> Weiterleitung
+                        warenkorbLeeren();
                         window.location.href = "/bestellung";
                     } else {
                         alert('Fehler: ' + result.message);
@@ -261,7 +262,6 @@
                 const neueArtikelDiv = document.createElement('div');
                 neueArtikelDiv.className = 'Artikel';
                 neueArtikelDiv.innerHTML = `
-                    <button type="button" class="loeschen-button" onclick="loescheArtikel(this)">x</button>
                     <input type="text" class="ArtikelNrText" name="ArtikelNr" required placeholder="Artikel Nr.">
                     <input type="text" class="StueckzahlText" name="Stueckzahl" required placeholder="Anzahl">
                     <div class="verfuegbarkeit"></div>
@@ -294,7 +294,6 @@
                 const artikelDiv = document.createElement('div');
                 artikelDiv.className = 'Artikel';
                 artikelDiv.innerHTML = `
-                    <button type="button" class="loeschen-button" onclick="loescheArtikel(this)">x</button>
                     <input type="text" class="ArtikelNrText" name="ArtikelNr" value="${produkt.product_id}" required placeholder="Artikel Nr.">
                     <input type="text" class="StueckzahlText" name="Stueckzahl" value="${produkt.quantity}" required placeholder="Anzahl">
                     <div class="verfuegbarkeit"></div>
@@ -303,6 +302,12 @@
             });
         }
 
+        function warenkorbLeeren() {
+            localStorage.removeItem('warenkorb'); // Oder: localStorage.setItem('warenkorb', '[]');
+            ladeWarenkorb(); // Aktualisiert die Ansicht
+            if (window.zeigeWarenkorbAnzahl) zeigeWarenkorbAnzahl(); // Optional: Warenkorb-Zähler im Header aktualisieren
+        }
+
     </script>
     <!-- Footer wird dynamisch geladen -->
     <div id="footer"></div>