export function initMarkers(markerList, L, map){
    markerList.forEach(customMarker => {
        var marker = L.marker([customMarker.x, customMarker.y]).addTo(map);
        let popUpContentTitle = "<h1>"+ customMarker.title +"</h1>";
        let popUpContentdescription = "<p>"+ customMarker.description +"</p>";
        let popUpContentImage = "<img src='/img/"+ customMarker.imgName+"'</img>";
        let popUpContentDate = "<br><p>Inserito il: " + markerData.ts.substring(0, 10) + "<br>alle " + markerData.ts.substring(11, 16) + "</p>";
        let popUpContent = popUpContentTitle + popUpContentdescription + popUpContentImage + popUpContentDate
        marker.bindPopup(popUpContent).openPopup(); 
    });    
}

export function createMarker(markerData, L, map, returnMarker = false){
        var marker = L.marker([markerData.coordinate.y, markerData.coordinate.x]).addTo(map);
        let popUpContentTitle = "<h1>"+ markerData.name +"</h1>";
        let popUpContentdescription = "<p>"+ markerData.description +"</p>";
        let popUpContentImage = "<img src='/imgs/"+ markerData.filename +"'</img>";
        let popUpContentDate = "<br><p>Inserito il: " + markerData.ts.substring(0, 10) + "<br>alle: " + markerData.ts.substring(11, 16) + "</p>";
        //let popUpContentHour = "<p>" + "alle: " + markerData.ts.substring(11, 16) + "</p>";
        let popUpContent = popUpContentTitle + popUpContentdescription + popUpContentImage + popUpContentDate //+ popUpContentHour
        marker.bindPopup(popUpContent);
        if(returnMarker) {
            return marker;
        };
}

export function createMarkerTemp(markerData, L, map, returnMarker = false){
    var marker = L.marker([markerData.coordinate.y, markerData.coordinate.x]).addTo(map);
    let popUpContentdescription = "<p>"+ markerData.description +"</p>";
    let popUpContent = popUpContentdescription
    marker.bindPopup(popUpContent);
    if(returnMarker) {
        return marker;
    };
}

export function updateMarkers(markerList, L, map){
    var layers = L.LayerGroup(), //layers contains all markers..
    contained = [];          //makers in map boundingbox

    layers.eachLayer(function(l) {
    if( l instanceof L.Marker && map.getBounds().contains(l.getLatLng()) )
        contained.push(l);
    });
    console.log(contained)
}