$(document).ready(function(){

    var latLng = L.latLng(43.328920024085, -3.0330204963684086);

    var mapa = L.map('kokapena', {
        center: latLng,
        zoom: 13,
        layers: [ new L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
            attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
            maxZoom: 18
        })]
    });

    var marker;

    mapa.on('click', function(ev) {
        // Lat eta lng aldatu
        $('#new_lat').val(ev.latlng.lat);
        $('#new_lng').val(ev.latlng.lng);

        if (marker){
            mapa.removeLayer(marker);
        }

        marker = L.marker([ev.latlng.lat, ev.latlng.lng], {draggable: true, autoPan: true, icon: L.icon({iconUrl: 'https://santurtziarrak.eus/images/mapa/marker.png'})}).addTo(mapa);

        marker.on('dragend', function (ev) {
            $('#new_lat').val(marker.getLatLng().lat);
            $('#new_lng').val(marker.getLatLng().lng);
        });

    });

    $('#add_helbide').click(function(e){
        e.preventDefault();

        if ($('#new_helbide').val().trim() == ''){
            alert ("Helbidea idatzi");

            $('#new_helbide').focus();
        }
        else{
            if ($('#new_lat').val().trim() == '' || $('#new_lng').val().trim() == ''){
                alert ("Mapan kokatu");
            }
            else{
                $('#helbideak').append('<li><span>' + $('#new_helbide').val() + '</span>\
                    <input type="hidden" name="helbideak[]" value="' + $('#new_helbide').val() + '" />\
                    <input type="hidden" name="helbideak_lat[]" value="' + $('#new_lat').val() + '" />\
                    <input type="hidden" name="helbideak_lng[]" value="' + $('#new_lng').val() + '" />\
                    <a class="color-arrosa del_helbide" href="#"><i class="fa fa-trash" aria-hidden="true"></i></a>\
                    </li>');
                $('.egoitzak-alert').hide();
                $('#new_helbide').val('');
                $('#new_lat').val('');
                $('#new_lng').val('');

                mapa.removeLayer(marker);
            }
        }
    });

    $(document).on("click", ".del_helbide", function(e){
        e.preventDefault();

        $(this).parent().remove();
        if($("#helbideak li").length == 0) {
            $('.egoitzak-alert').show();
        }
    });

});