class window.OwnMap
    constructor: ->
        console.log 'initMap'

        @my_markers = {}
        @trackerIDs = []
        @live_view = false

        show_markers = Cookies.get 'show_markers'
        console.log 'initMap: show_markers = %o', show_markers

        @marker_start_icons = {}
        @marker_finish_icons = {}
        @marker_icons = {}

        colours = ['blue', 'red', 'orange', 'green', 'purple', 'cadetblue', 'darkred', 'darkgreen', 'darkpurple']
        for fg, i in colours
            bg1 = if fg is 'green' then 'darkgreen' else 'green'
            bg2 = if fg is 'red' then 'darkred' else 'red'
            @marker_start_icons[i] = L.AwesomeMarkers.icon({icon: 'play', prefix: 'fa', markerColor: fg, iconColor: bg1 })
            @marker_finish_icons[i] = L.AwesomeMarkers.icon({icon: 'stop', prefix: 'fa', markerColor: fg, iconColor: bg2 })
            @marker_icons[i] = L.AwesomeMarkers.icon({icon: 'user', prefix: 'fa', markerColor: fg })

        # set checkbox
        if show_markers is '1'
            # hideMarkers();
            # $('#show_markers').prop('checked',false);
            $('#show_markers').removeClass('btn-default').addClass('btn-primary').addClass('active')

        layers =
            'OpenStreetMap': L.tileLayer 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
                subdomains: 'abc'
                detectRetina: true
                attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
            'OSM/DE': L.tileLayer 'https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png',
                subdomains: 'abc'
                detectRetina: true
                attribution: '© <a href="https://www.openstreetmap.de/faq.html#lizenz">OpenStreetMap</a>'
            'OpenTopoMap': L.tileLayer 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
                subdomains: 'abc'
                detectRetina: true
                maxZoom: 17
                attribution: 'Map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a>-Mitwirkende, SRTM | Map tiles: © <a href="http://opentopomap.org/">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
            'Hike&amp;Bike': L.tileLayer 'http://{s}.tiles.wmflabs.org/hikebike/{z}/{x}/{y}.png',
                subdomains: 'abc'
                detectRetina: true
                attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
            'Stamen Toner': L.tileLayer 'http://{s}.tile.stamen.com/toner/{z}/{x}/{y}.png',
                subdomains: 'abcd'
                detectRetina: true
                attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://creativecommons.org/licenses/by-sa/3.0">CC BY SA</a>.'
            'Stamen Watercolor': L.tileLayer 'http://{s}.tile.stamen.com/watercolor/{z}/{x}/{y}.jpg',
                subdomains: 'abcd'
                detectRetina: true
                attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://creativecommons.org/licenses/by-sa/3.0">CC BY SA</a>.'

        overlays =
            'Hillshades': L.tileLayer 'http://{s}.tiles.wmflabs.org/hillshading/{z}/{x}/{y}.png',
                subdomains: ['a', 'b', 'c']

        @mymap = L.map 'mapid',
            center: [52.52, 13.44]
            zoom: 11
            layers: [layers['OpenStreetMap']]

        L.control.layers(layers, overlays).addTo @mymap
        @getMarkers()

    updateTrackerIDs: (_tid_markers) ->
        console.log 'updateTrackerIDs: %o', _tid_markers
        try
            $("#trackerID_selector option[value!='all']").each ->
                $(this).remove()
            if _tid_markers?
                @trackerIDs = Object.keys _tid_markers
                $.each @trackerIDs, (index, value) ->
                    $('#trackerID_selector').append $ '<option>',
                        value: value
                        text: value
                $("#trackerID_selector").val window.trackerID    # TODO: find better way
            else
                console.log 'updateTrackerIDs: no trackerID found in markers json'
        catch err
            console.error 'updateTrackerIDs: %o', err
            alert err.message

    getMarkers: ->
        console.log 'getMarkers'
        params =
            'action': 'getMarkers'
            'dateFrom': window.dateFrom.format 'YYYY-MM-DD'
            'dateTo': window.dateTo.format 'YYYY-MM-DD'
            'accuracy': window.accuracy
            #'trackerID' : trackerID
            #'epoc': time()
        console.log 'getMarkers XHR Params: %o', params
        # ajax call to get list of markers
        $.ajax
            url: 'rpc.php'
            data: params
            type: 'GET'
            dataType: 'json'
            beforeSend: (xhr) ->
                $('#mapid').css 'filter', 'blur(5px)'
            success: (data, status) =>
                console.log 'getMarkers XHR Answer: %o', data
                if data.status
                    jsonMarkers = data.markers
                    @updateTrackerIDs jsonMarkers
                    if @drawMap jsonMarkers
                        $('#mapid').css 'filter', 'blur(0px)'
                else
                    console.error 'getMarkers: Status=%o | Data=%o', status, data
            error: (xhr, desc, err) ->
                console.log xhr
                console.error 'getMarkers: %o\nError: %o', desc, err

    eraseMap: ->
        console.log 'eraseMap'
        $.each @trackerIDs, (_index, _tid) =>
            if _tid in @polylines
                @polylines[_tid].removeFrom @mymap
        $.each @trackerIDs, (_index, _tid) =>
            $.each @my_markers[_tid], (_index2, _marker) ->
                _marker.remove()
        return true

    drawMap: (_tid_markers) ->
        console.log 'drawMap: %o', _tid_markers
        try
            if not _tid_markers? and tid_markers?
                _tid_markers = tid_markers
                console.log 'drawMap: null param given but global markers available!'
            else if _tid_markers?
                tid_markers = _tid_markers
                console.log 'drawMap: non null param given!'
            else
                console.error 'drawMap: null param given and global markers not available!'
                alert 'No location markers collected for selected dates and accuracy!'
                return false
            
            console.log 'drawMap: tid_markers = %o', tid_markers

            # vars for map bounding
            max_lat = -1000
            min_lat = 1000
            max_lon = -1000
            min_lon = 1000

            if @map_drawn
                @eraseMap()

            nb_markers = 0   # global markers counter
            trackerIDs = Object.keys _tid_markers

            tid_markers = []   # markers collected from json
            @my_markers = {}
            my_latlngs = []
            @polylines = []

            if @trackerIDs.length > 0
                for tid, j in @trackerIDs
                    markers = _tid_markers[tid]
                    my_latlngs[tid] = []
                    @my_markers[tid] = []

                    if window.trackerID is 'all' or window.trackerID is tid
                        trackerIDString = "<br/>TrackerID: #{tid}"
                        if markers.length > 0
                            for marker, i in markers
                                nb_markers += 1
                                dateString = marker.dt
                                if marker.epoch != 0
                                    newDate = new Date()
                                    newDate.setTime marker.epoch * 1000
                                    dateString = newDate.toLocaleString()
                                
                                accuracyString = "<br/>Accuracy: #{marker.accuracy} m"
                                headingString = if marker.heading? then "<br/>Heading: #{marker.heading}°" else ''
                                velocityString = if marker.velocity? then "<br/>Velocity: #{marker.velocity} km/h" else ''
                                locationString = ""
                                if marker.display_name?
                                    locationString = "<br/>Location: <a href=\"#\" onclick=\"showBoundingBox('#{tid}', #{i});\" title=\"Show location bounding box\">#{marker.display_name}</a>"
                                else
                                    locationString = "<br/>Location: <span id=\"loc_#{tid}_#{i}\"><a href=\"#\" onclick=\"geodecodeMarker('#{tid}', #{i});\" title=\"Get location (geodecode)\">Get location</a></span>"
                                
                                removeString = "<br/><br/><a href=\"#\" onclick=\"deleteMarker('#{tid}', #{i});\">Delete marker</a>"
                                
                                # prepare popup HTML code for marker
                                popupString = dateString + trackerIDString + accuracyString + headingString + velocityString + locationString + removeString
                                    
                                # create leaflet market object with custom icon based on tid index in array
                                # first marker
                                if i == 0
                                    my_marker = L.marker( [markers[i].latitude, markers[i].longitude], {icon: @marker_start_icons[j]} ).bindPopup(popupString)
                                # last marker
                                else if i == markers.length-1
                                    my_marker = L.marker( [markers[i].latitude, markers[i].longitude], {icon: @marker_finish_icons[j]} ).bindPopup(popupString)
                                # all other markers
                                else
                                    my_marker = L.marker( [markers[i].latitude, markers[i].longitude], {icon: @marker_icons[j]} ).bindPopup(popupString)

                                if max_lat < markers[i].latitude then max_lat = markers[i].latitude
                                if min_lat > markers[i].latitude then min_lat = markers[i].latitude
                                if max_lon < markers[i].longitude then max_lon = markers[i].longitude
                                if min_lon > markers[i].longitude then min_lon = markers[i].longitude
                                
                                # add marker to map only if cookie 'show_markers' says to or if 1st or last marker
                                if show_markers != '0' or i == 0 or i == markers.length-1
                                    my_marker.addTo @mymap
                                
                                # collect all markers location to prepare drawing track, per trackerID
                                my_latlngs[tid][i] = [markers[i].latitude, markers[i].longitude, i]
                                
                                
                                # todo : onmouseover marker, display accuracy radius
                                # if(markers[i].acc > 0){
                                
                                #if(i+1 == markers.length && markers[i].acc > 0){
                                #        var circle = L.circle(my_latlngs[i], {
                                #        opacity: 0.2,
                                #        radius: markers[i].acc
                                #    }).addTo(mymap);
                                #}
                                
                                # array of all markers for display / hide markers + initial auto zoom scale
                                my_marker.epoch = markers[i].epoch   # needed for geocoding/deleting
                                @my_markers[tid][i] = my_marker

                            # var polylines[tid] = L.polyline(my_latlngs[tid]).addTo(mymap);
                            @polylines[tid] = L.hotline(my_latlngs[tid], {
                                min: 0,
                                max: markers.length,
                                palette: {
                                    0.0: 'green',
                                    0.5: 'yellow',
                                    1.0: 'red'
                                },
                                weight: 4,
                                outlineColor: '#000000',
                                outlineWidth: 0.5
                            }).addTo(@mymap)
                        else
                            console.error 'drawMap: No location data for trackerID "%o" found!', window.trackerID
                            alert "No location data for trackerID '#{window.trackerID}' found!"
            else
                console.error 'drawMap: No location data found for any trackerID!'
                alert 'No location data found for any trackerID!'

            # save default zoom scale
            @setDefaultZoom()
            # auto zoom scale based on all markers location
            @mymap.fitBounds [
                [min_lat, min_lon],
                [max_lat, max_lon]
            ]
            # set map drawn flag
            @map_drawn = true
            return true
        catch err
            console.error 'drawMap: %o', err
            alert err.message
            @map_drawn = false
            return false

    setDefaultZoom: ->
        console.log 'setDefaultZoom'
        setTimeout =>
            @default_zoom = @mymap.getZoom()
            @default_centre = @mymap.getCenter()
        , 2000

    showMarkers: ->
        console.log 'showMarkers'
        $.each @trackerIDs, (_index, _tid) =>
            if window.trackerID == _tid or window.trackerID == 'all'
                $.each @my_markers[_tid], (_index2, _marker) =>
                    # add marker to map except first & last (never removed)
                    if _index2 != 0 or _index2 != @my_markers[_tid].length
                        _marker.addTo @mymap
        return true

    hideMarkers: ->
        console.log 'hideMarkers'
        $.each @trackerIDs, (_index, _tid) =>
            if window.trackerID == _tid or window.trackerID == 'all'
                $.each @my_markers[_tid], (_index2, _marker) =>
                    # remove marker except first & last
                    if _index2 > 0 and _index2 < @my_markers[_tid].length-1
                        _marker.remove()
        return true

    resetZoom: ->
        console.log 'resetZoom'
        @mymap.setView @default_centre, @default_zoom

    toggleLiveView: ->
        console.log 'toggleLiveView'
        @live_view = !@live_view
        console.log 'Live view is now: %o', @live_view

        if @live_view
            @live_view_timer = setTimeout =>
                @getMarkers()
            , 3000
        else
            clearTimeout @live_view_timer
        return @live_view

    geodecodeMarker: (tid, i) ->
        console.log 'geodecodeMarker: %o, %o', tid, i
        # ajax call to remove marker from backend
        $.ajax 
            url: 'rpc.php'
            data:
                'epoch': @my_markers[tid][i].epoch
                'action': 'geoDecode'
            type: 'get'
            dataType: 'json'
            success: (data, status) =>
                if data.status?
                    console.log 'geodecodeMarker: Status=%o, Data=%o', status, data
                    
                    # update marker data
                    $("#loc_#{tid}_#{i}").html "<a href='javascript:showBoundingBox(#{tid}, #{i});' title='Show location bounding box'>#{data.location}</a>"
                else
                    console.error 'geodecodeMarker: Status=%o, Data=%o', status, data
            error: (xhr, desc, err) ->
                console.error 'geodecodeMarker: XHR=%o, Error=%o, Details=%o', xhr, err, desc

    deleteMarker: (tid, i) ->
        console.log 'deleteMarker: %o, %o', tid, i

        # ajax call to remove marker from backend
        $.ajax
            url: 'rpc.php'
            data:
                'epoch': @my_markers[tid][i].epoch
                'action': 'deleteMarker'
            type: 'get'
            dataType: 'json'
            success: (data, status) =>
                if data.status
                    @getMarkers()
                else
                    console.error 'deleteMarker: Status=%o Data=%o', status, data
            error: (xhr, desc, err) ->
                console.error 'deleteMarker: XHR=%o, Error=%o, Details=%o', xhr, err, desc