$(document).ready(function () {
  const id = $("#id-embed"),
        idData = id.data();

  if (!idData.configured) {
    // eslint-disable-next-line no-alert
    alert(I18n.t("site.edit.id_not_configured"));
    return;
  }

  const hash = location.hash.substring(1);
  const hashParams = hash ? OSM.params(hash) : {};
  const hashArgs = OSM.parseHash(location.hash);
  const mapParams = OSM.mapParams();
  const params = new URLSearchParams();
  let { zoom, lat, lon } = mapParams;

  if (mapParams.object) {
    params.set("id", mapParams.object.type + "/" + mapParams.object.id);
    if (hashArgs.center) ({ zoom, center: { lat, lng: lon } } = hashArgs);
  } else if (idData.lat && idData.lon) {
    ({ zoom, lat, lon } = { zoom: 16, ...idData });
  }
  params.set("map", [zoom || 17, lat, lon].join("/"));

  const passThroughKeys = ["background", "comment", "disable_features", "gpx", "hashtags", "locale", "maprules", "notes", "offset", "photo", "photo_dates", "photo_overlay", "photo_username", "presets", "source", "validationDisable", "validationWarning", "validationError", "walkthrough"];
  for (const key of passThroughKeys) {
    if (hashParams[key]) params.set(key, hashParams[key]);
  }

  if (mapParams.layers.includes("N")) params.set("notes", "true");

  if (idData.gpx) params.set("gpx", idData.gpx);

  id.attr("src", idData.url + "#" + params.toString().replace(/\+/g, "%20"));
});