package fdit.leafletmap

import fdit.gui.graphicalScenarioEditor.GraphicalScenarioEditorContext
import fdit.gui.utils.tooltip.VesselTooltipUtils.formatVesselSnapshotTooltip
import fdit.metamodel.vessel.Vessel

/**
 * Creates a marker at the specified geographical position.
 *
 * @author Niklas Kellner
 *
 * @param position marker position
 * @param title marker title shown in tooltip (pass empty string when tooltip not needed)
 * @param zIndexOffset zIndexOffset (higher number means on top)
 *
 */
class Marker private constructor(private var position: LatLong, private var zIndexOffset: Int) {
    private var marker = "aircraftIcon"
    private var markerSmall = "aircraftSmallIcon"
    private lateinit var map: LeafletMapView
    private var attached = false
    private var clickable = false
    private var name = ""
    private var tooltip = ""
    private var rotation = 0
    private lateinit var aircraft: Vessel
    private lateinit var context: GraphicalScenarioEditorContext
    private var relativeDate: Double = 0.0


    constructor(position: LatLong, aircraft: Vessel, relativeDate: Double, context: GraphicalScenarioEditorContext, aircraftIcon: String, zIndexOffset: Int) : this(position, zIndexOffset){
        this.aircraft = aircraft
        this.context = context
        this.relativeDate = relativeDate
        this.marker = aircraftIcon
    }

    /**
     * Adds the marker to a map, gets called from the mapAddMarker
     *
     * @param nextMarkerName the variable name of the marker
     * @param map the LeafetMapView
     */
    internal fun addToMap(nextMarkerName: String, map: LeafletMapView) {
        this.name = nextMarkerName
        this.map = map
        this.attached = true
        map.execScript("""
            |var currentZoom = myMap.getZoom();
            |var $name;
                |if (currentZoom < ${map.zoomLimitSmallMarker}) {
                    |$name = L.marker([${position.latitude}, ${position.longitude}], {title: '', icon: $markerSmall, zIndexOffset: $zIndexOffset}).addTo(markersGroup);
                |} else {
                    |$name = L.marker([${position.latitude}, ${position.longitude}], {title: '', icon: $marker, zIndexOffset: $zIndexOffset}).addTo(markersGroup);
                |}
        """.trimMargin())
        setTooltip()
        if (clickable) {
            setClickable()
        }
    }

    fun setTooltip() {
        this.tooltip = formatVesselSnapshotTooltip(aircraft,
                context.getGraphicalScenario().getRecording(),
                relativeDate)
        this.tooltip = tooltip.replace("\n", "<br>")
        this.tooltip = tooltip.replace("'", "&apos;")
        map.execScript("$name.bindTooltip('<div id=\"html_c92f9552ec164f36978869550cb44ffe\" style=\"width: 100.0%; height: 100.0%;\">${this.tooltip}</div>');")
    }


    /**
     * Changes the icon of the marker
     *
     * @param newIcon the name of the new icon
     */
    fun changeIcon(newIcon: String) {
        this.marker = newIcon
        if (attached) {
            map.execScript("$name.setIcon($marker);")
        }
    }

    /**
     * Changes the icon of the marker
     *
     * @param newIcon the new ColorMarker
     */
    fun changeIcon(newIcon: ColorMarker) {
        this.marker = newIcon.iconName
        if (attached) {
            map.execScript("$name.setIcon(${newIcon.iconName});")
        }
    }

    /**
     * Moves the existing marker specified by the variable name to the new geographical position.
     *
     * @param position new marker position
     */
    fun move(position: LatLong) {
        this.position = position
        if (attached) {
            map.execScript("$name.setLatLng([${this.position.latitude}, ${this.position.longitude}]);")
            setTooltip()
        }
    }

    fun move(position: LatLong, aircraft: Vessel, relativeDate: Double) {
        this.aircraft = aircraft
        this.relativeDate = relativeDate
        this.position = position
        if (attached) {
            map.execScript("$name.setLatLng([${this.position.latitude}, ${this.position.longitude}]);")
        }
    }

    fun setRotation(rotation: Int) {
        if (rotation > 360 || rotation < 0) {
            this.rotation = 0
        } else {
            this.rotation = rotation
        }
        if (attached) {
            map.execScript("$name.setRotationAngle(${this.rotation})")
        }
    }


    /**
     * Sets the marker clickable
     */
    private fun setClickable() {
        this.clickable = true
        if (attached) {
            map.execScript("$name.on('click', function(e){ document.java.markerClick($name.options.title)})")
        }
    }

    internal fun getName(): String = this.name
}