+ ${!ph.is_primary ? `` : ''}
+
+
+ ${ph.is_primary ? 'Hauptfoto' : ''}
+ `;
+ extraPhotoGallery.appendChild(wrapper);
+ }
+
+ // Event listeners
+ extraPhotoGallery.querySelectorAll("[data-delete-photo]").forEach(btn => {
+ btn.addEventListener("click", async () => {
+ const phId = btn.dataset.deletePhoto;
+ await deleteVehiclePhoto(phId);
+ });
+ });
+ extraPhotoGallery.querySelectorAll("[data-set-primary]").forEach(btn => {
+ btn.addEventListener("click", async () => {
+ const phId = btn.dataset.setPrimary;
+ await setPrimaryPhoto(phId);
+ });
+ });
+}
+
+async function deleteVehiclePhoto(photoId) {
+ const ph = state.vehiclePhotos.find(p => p.id === photoId);
+ if (!ph) return;
+ try {
+ if (ph.photo_path) {
+ await supabase.storage.from("vehicle-photos").remove([ph.photo_path]);
+ }
+ const { error } = await supabase.from("vehicle_photos").delete().eq("id", photoId);
+ if (error) throw error;
+ state.vehiclePhotos = state.vehiclePhotos.filter(p => p.id !== photoId);
+ renderExtraPhotoGallery();
+ } catch (err) {
+ console.error("Failed to delete photo:", err);
+ }
+}
+
+async function setPrimaryPhoto(photoId) {
+ const vid = vehicleForm.vid?.value;
+ if (!vid) return;
+ try {
+ await supabase.rpc("set_primary_vehicle_photo", { p_vehicle_id: vid, p_photo_id: photoId });
+ await loadVehiclePhotos(vid);
+ } catch (err) {
+ console.error("Failed to set primary photo:", err);
+ }
+}
+
+// Extra photos upload
+extraPhotoInput?.addEventListener("change", async () => {
+ const files = extraPhotoInput.files;
+ if (!files.length) return;
+ const vid = vehicleForm.vid?.value;
+ if (!vid) {
+ formFeedback.className = "form-feedback error";
+ formFeedback.textContent = "Bitte zuerst Fahrzeug speichern, dann Fotos hinzufügen.";
+ return;
+ }
+ formFeedback.className = "form-feedback";
+ formFeedback.textContent = "Uploading photos...";
+ for (const file of files) {
+ try {
+ const ext = (file.name.split(".").pop() || "jpg").toLowerCase();
+ const path = `${vid}/${crypto.randomUUID()}.${ext}`;
+ const { error: upErr } = await supabase.storage
+ .from("vehicle-photos")
+ .upload(path, file, { contentType: file.type, upsert: true });
+ if (upErr) throw upErr;
+ const { data: pub } = supabase.storage.from("vehicle-photos").getPublicUrl(path);
+ const maxOrder = state.vehiclePhotos.reduce((m, p) => Math.max(m, p.display_order), -1);
+ await supabase.from("vehicle_photos").insert({
+ vehicle_id: vid,
+ photo_url: pub.publicUrl,
+ photo_path: path,
+ display_order: maxOrder + 1,
+ is_primary: state.vehiclePhotos.length === 0,
+ });
+ } catch (err) {
+ console.error("Upload failed:", err);
+ }
+ }
+ await loadVehiclePhotos(vid);
+ formFeedback.textContent = `${files.length} Foto(s) hochgeladen.`;
+ extraPhotoInput.value = "";
+});
+
// =========================================================================
// LEADS
// =========================================================================
diff --git a/frontend/agb.html b/frontend/agb.html
index fd2fcd2..5f5b1b8 100644
--- a/frontend/agb.html
+++ b/frontend/agb.html
@@ -4,8 +4,8 @@
+ 