From 211305e7c9a7c662824c98702d55ad4b7a9e3dff Mon Sep 17 00:00:00 2001
From: SemvdH <semmer99@gmail.com>
Date: Mon, 17 Nov 2025 23:30:03 +0100
Subject: [PATCH] Send cars

---
 index.html | 45 ++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 44 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index db774b1..7c84873 100644
--- a/index.html
+++ b/index.html
@@ -20,6 +20,7 @@
 
     <h2>Choose cars</h2>
     <button id="addCarBtn">Add Car</button>
+    <button id="applyCarsBtn">Apply Cars</button>
 
     <div id="carList"></div>
 
@@ -83,6 +84,48 @@
     <script>
         const addCarBtn = document.getElementById("addCarBtn");
         const carList = document.getElementById("carList");
+        const applyCarsBtn = document.getElementById("applyCarsBtn");
+
+        applyCarsBtn.addEventListener("click", applyCars);
+
+        function applyCars() {
+            // Zoek alle car blocks
+            const blocks = document.querySelectorAll(".car-block");
+
+            let cars = [];
+
+            blocks.forEach(block => {
+                const carSelect = block.querySelector(".car-select");
+                const skinSelect = block.querySelector(".skin-select");
+
+                const carName = carSelect?.value || null;
+                const skinName = skinSelect?.value || null;
+
+                if (carName) {
+                    cars.push({
+                        car: carName,
+                        skin: skinName
+                    });
+                }
+            });
+
+            // Payload klaar
+            const payload = { cars };
+
+            console.log("Sending cars:", payload);
+
+            fetch("/changecars", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify(payload)
+            })
+                .then(res => res.json())
+                .then(data => {
+                    console.log("Server response:", data);
+                });
+        }
 
         async function addCar() {
             const wrapper = document.createElement("div");
@@ -157,7 +200,7 @@
                 const car = cars.find(c => c.name === selectedCar);
                 const cfg = car.skins.find(x => x.name === selectedSkin);
 
-                try{
+                try {
                     updateImage(cfg.image);
                 } catch (e) {
                     updateImage("");