$(document).ready(function() {
    if(!$('body').hasClass('sidebar-collapse')){
        $('.sidebar-toggle').trigger('click');
        $('.nav').hide();
    }

    setTimeout(function () {
        caricaMappa();
        reload_pointers();
    }, 1000);
});

let map;
var markers = [];
var icon = new L.Icon({
    iconUrl: globals.rootdir + "/assets/dist/img/marker-icon.png",
    shadowUrl:globals.rootdir + "/assets/dist/img/leaflet/marker-shadow.png",
    iconSize: [25, 41],
    iconAnchor: [12, 41],
    popupAnchor: [1, -34],
    shadowSize: [41, 41]
});

$('#menu-filtri-toggle').click(function() {

    if($(this).parent().parent().parent().hasClass("open-menu")){
        $(this).parent().parent().parent().removeClass("open-menu");
        $(this).parent().parent().parent().addClass("closed-menu");

        $(this).removeClass('fa-forward');
        $(this).addClass('fa-backward');

        $('#lista-filtri').hide();
    }else{
        $(this).parent().parent().parent().removeClass("closed-menu");
        $(this).parent().parent().parent().addClass("open-menu");

        $(this).removeClass('fa-backward');
        $(this).addClass('fa-forward');

        $('#lista-filtri').show();
    }
});

function reload_pointers() {
    clearMarkers();
    var check = [];

    $("input[type='checkbox']").each(function() {
        if($(this).is(':checked')){
            id = $(this).attr('id');

            check.push(id);
        }
    });

    $.get(ROOTDIR+'/modules/mappa/actions.php?op=get_markers&idanagrafica='+$('#idanagrafica').val()+'&check='+check, function(data){
        var dettagli = JSON.parse(data);
        dettagli.forEach(function(dettaglio) {

            if (dettaglio.lat && dettaglio.lng) {
                L.marker([dettaglio.lat, dettaglio.lng], {
                icon: icon
                }).addTo(map);
            }
        });
    });
}

function clearMarkers() {
    map.eachLayer(function (layer) {
        if(layer instanceof L.Marker) {
            map.removeLayer(layer);
        }
    });
}

$("input[type='checkbox']").change(function() {
    reload_pointers();
});

$('#idanagrafica').change(function() {
    reload_pointers();
});