import { GeoPoint, SVGPoint, ScreenPoint } from "../Location/Location"
import { MapSVGMap } from "./Map"
import { GeoViewBox, ViewBox } from "./ViewBox"

class Converter {
  private map: MapSVGMap
  private mapElement: HTMLElement
  private geoViewBox: GeoViewBox
  private defViewBox: ViewBox
  private viewBox: ViewBox
  public mapLonDelta: number
  private mapLatBottomDegree: number
  private worldMapRadius: number
  private worldMapWidth: number
  private worldShift: boolean
  private yShift: number

  constructor(
    map: MapSVGMap,
    // mapElement: HTMLElement,
    // defViewBox: ViewBox,
    // viewBox: ViewBox,
    // geoViewBox?: GeoViewBox,
  ) {
    this.mapElement = map.containers.map
    this.defViewBox = map.svgDefault.viewBox
    this.viewBox = map.viewBox
    this.map = map
    this.yShift = 0
    if (map.geoViewBox) {
      this.setGeoViewBox(map.geoViewBox)
    }
  }

  setYShift(): void {
    // Don't do shift for world map (Google Map)
    if (this.defViewBox.width === 20426) {
      this.yShift = 0
      return
    }
    if (this.geoViewBox) {
      const topLeftPoint = this.convertGeoToSVG(this.geoViewBox.ne)
      this.yShift = topLeftPoint.y - this.defViewBox.y
    }
  }

  setGeoViewBox(geoViewBox: GeoViewBox): void {
    this.geoViewBox = geoViewBox
    this.mapLonDelta = this.geoViewBox.ne.lng - this.geoViewBox.sw.lng
    this.mapLatBottomDegree = (this.geoViewBox.sw.lat * Math.PI) / 180
    this.worldMapWidth = (this.defViewBox.width / this.mapLonDelta) * 360
    this.worldMapRadius = ((this.defViewBox.width / this.mapLonDelta) * 360) / (2 * Math.PI)
    this.setYShift()
  }

  setWorldShift(on: boolean) {
    this.worldShift = on
  }

  getScale() {
    return this.mapElement.clientWidth / this.viewBox.width
  }

  /**
   * Converts SVG coordinates to pixel coordinates relative to the map container
   */
  convertSVGToPixel(svgPoint: SVGPoint): ScreenPoint {
    const scale = this.getScale()

    let shiftXByGM = 0
    const shiftYByGM = 0

    if (this.worldShift) {
      if (this.viewBox.x - this.defViewBox.x > this.defViewBox.width) {
        shiftXByGM =
          this.worldMapWidth *
          Math.floor((this.viewBox.x - this.defViewBox.x) / this.defViewBox.width)
      }
    }

    return new ScreenPoint(
      (svgPoint.x - this.viewBox.x + shiftXByGM) * scale,
      (svgPoint.y - this.viewBox.y + shiftYByGM) * scale,
    )
  }
  /**
   * Converts pixel coordinates (relative to map container) to SVG coordinates
   */
  convertPixelToSVG(screenPoint: ScreenPoint): SVGPoint {
    const scale = this.getScale()
    return new SVGPoint(
      screenPoint.x / scale + this.viewBox.x,
      screenPoint.y / scale + this.viewBox.y,
    )
  }

  /**
   * Converts screen size to SVG size
   */
  convertSizePixelToSVG({ width, height }: { width: number; height: number }): {
    width: number
    height: number
  } {
    const scale = this.getScale()
    return {
      width: width / scale,
      height: height / scale,
    }
  }
  /**
   * Converts geo-coordinates (latitude/lognitude) to SVG coordinates
   */
  convertGeoToSVG(geoPoint: GeoPoint): SVGPoint {
    if (!this.geoViewBox) {
      throw new Error("Can't do convertGeoToSVG() - geoViewBox is not provided.")
    }
    let x = (geoPoint.lng - this.geoViewBox.sw.lng) * (this.defViewBox.width / this.mapLonDelta)
    const lat = (geoPoint.lat * Math.PI) / 180
    const mapOffsetY =
      (this.worldMapRadius / 2) *
      Math.log((1 + Math.sin(this.mapLatBottomDegree)) / (1 - Math.sin(this.mapLatBottomDegree)))
    let y =
      this.defViewBox.height -
      ((this.worldMapRadius / 2) * Math.log((1 + Math.sin(lat)) / (1 - Math.sin(lat))) - mapOffsetY)

    x += this.defViewBox.x
    y += this.defViewBox.y

    y -= this.yShift

    return new SVGPoint(x, y)
  }
  /**
   * Converts SVG coordinates to geo-coordinates (latitude/lognitude).
   */
  convertSVGToGeo(svgPoint: SVGPoint): GeoPoint {
    if (!this.geoViewBox) {
      throw new Error("Can't do convertSVGToGeo() - geoViewBox is not provided.")
    }
    const tx = svgPoint.x - this.defViewBox.x
    const ty = svgPoint.y - this.defViewBox.y

    const mapOffsetY =
      (this.worldMapRadius / 2) *
      Math.log((1 + Math.sin(this.mapLatBottomDegree)) / (1 - Math.sin(this.mapLatBottomDegree)))
    const equatorY = this.defViewBox.height + mapOffsetY
    const a = (equatorY - ty) / this.worldMapRadius
    let lat = (180 / Math.PI) * (2 * Math.atan(Math.exp(a)) - Math.PI / 2)
    let lng = this.geoViewBox.sw.lng + (tx / this.defViewBox.width) * this.mapLonDelta
    lat = parseFloat(lat.toFixed(6))
    lng = parseFloat(lng.toFixed(6))
    return new GeoPoint(lat, lng)
  }

  convertGoogleBoundsToViewBox(bounds: google.maps.LatLngBounds): ViewBox {
    const sw = bounds.getSouthWest()
    const ne = bounds.getNorthEast()

    const swPoint = this.convertGeoToSVG(new GeoPoint(sw.lat(), sw.lng()))
    const nePoint = this.convertGeoToSVG(new GeoPoint(ne.lat(), ne.lng()))

    return new ViewBox(swPoint.x, swPoint.y, nePoint.x - swPoint.x, nePoint.y - swPoint.y)
  }
}

export { Converter }