// /utils/mapUtils.js
import L from "leaflet";

export const redrawPolyline = (lineData, lineColors, tooltipContents, map) => {
  if (!lineData || !lineColors || !tooltipContents || !map) {
    console.error("Invalid parameters for redrawPolyline");
    return;
  }

  if (!lineData.coordinates || !Array.isArray(lineData.coordinates)) {
    console.error("Invalid coordinates in lineData");
    return;
  }

  const color = lineColors[lineData.idModul] || "#000000";
  const tooltipContent = tooltipContents[lineData.idModul] || "Standard-Tooltip-Inhalt";

  if (lineData.polyline) map.removeLayer(lineData.polyline);

  lineData.polyline = L.polyline(lineData.coordinates, {
    color: color,
  }).addTo(map);

  lineData.polyline.bindTooltip(tooltipContent, {
    permanent: false,
    direction: "auto",
  });

  lineData.polyline.on("mouseover", () => {
    lineData.polyline.setStyle({ weight: 10 });
    lineData.polyline.bringToFront();
  });

  lineData.polyline.on("mouseout", () => {
    lineData.polyline.setStyle({ weight: 5 });
  });
};

export const saveLineData = (lineData) => {
  fetch("/api/talas_v5_DB/gisLines/updateLineCoordinates", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
    },
    body: JSON.stringify({
      idModul: lineData.idModul,
      idLD: lineData.idLD,
      newCoordinates: lineData.coordinates,
    }),
  })
    .then((response) => {
      if (!response.ok) {
        throw new Error("Fehler beim Speichern der Linienänderungen");
      }
      return response.json();
    })
    .then((data) => {
      //console.log("Linienänderungen gespeichert:", data);
    })
    .catch((error) => {
      console.error("Fehler beim Speichern der Linienänderungen:", error);
    });
};
// Call this function on page load to restore zoom and center
export const restoreMapSettings = (map) => {
  const savedZoom = localStorage.getItem("mapZoom");
  const savedCenter = localStorage.getItem("mapCenter");

  if (savedZoom && savedCenter) {
    try {
      const centerCoords = JSON.parse(savedCenter);
      map.setView(centerCoords, parseInt(savedZoom));
    } catch (e) {
      console.error("Error parsing stored map center:", e);
      map.setView([53.111111, 8.4625], 12); // Standardkoordinaten und -zoom
    }
  }
};

// Now update checkOverlappingMarkers to check if oms is initialized
export const checkOverlappingMarkers = (map, markers, plusIcon) => {
  // Ensure markers is always an array
  if (!Array.isArray(markers)) {
    console.error("The `markers` argument is not an array:", markers);
    return;
  }

  const overlappingGroups = {};

  // Group markers by coordinates as strings
  markers.forEach((marker) => {
    const latlngStr = marker.getLatLng().toString();
    if (overlappingGroups[latlngStr]) {
      overlappingGroups[latlngStr].push(marker);
    } else {
      overlappingGroups[latlngStr] = [marker];
    }
  });

  // Add plus markers at coordinates where overlaps occur
  for (const coords in overlappingGroups) {
    if (overlappingGroups[coords].length > 1) {
      const latLng = L.latLng(coords.match(/[-.\d]+/g).map(Number));
      const plusMarker = L.marker(latLng, { icon: plusIcon });
      plusMarker.addTo(map);
      //localStorage benutzen statt console.log
      //console.log("Adding plus icon marker at", latLng);
      localStorage.setItem("Adding plus icon marker at", plusMarker);
    }
  }
  //localStorage benutzen statt console.log
  //console.log("overlappingGroups", overlappingGroups);
  localStorage.setItem("overlappingGroups", overlappingGroups);
};