function deleteoption($this, styleclass) {
    if (MappinglocationsArr != null) {
        var removeLocation = $($($this).parent())["0"].outerText;
        var itemIndex = -1;
        $.each(MappinglocationsArr, function (index, data) {
            if (data.location == removeLocation) {
                itemIndex = indev;
            }
        });
        MappinglocationsArr.splice(itemIndex, 1);
    }
    $($this).parent().remove();
    if ($('.' + styleclass + '>span').length == 0) {
        $('.' + styleclass).hide();
        $('#txtAddress').val('');
    }
}

function GoogleOption(text, latitude, longitude, styleclass) {
    return $("<span class='innerspan' latitude=" + latitude + " longitude=" + longitude + ">" + text + "<a title='delete' href='javascript:void(0);' class='removeoption' onclick=deleteoption(this,'" + styleclass + "')>x</a></span>");
}

function getpreferredareas(styleclass) {
    var objpreferredarea = {};
    var preferredlocations = "";
    var lstlatlng = [];
    $("." + styleclass + " .innerspan").each(function () {
        var preferredarea = $(this).text().trim().substring(0, $(this).text().length - 1);
        preferredlocations += preferredarea + "|";
        lstlatlng.push({ latitude: $(this).attr('latitude'), longitude: $(this).attr('longitude'), preferredarea: preferredarea });
    });
    objpreferredarea.preferredlocations = preferredlocations.trim().substring(0, preferredlocations.length - 1);
    objpreferredarea.lstlatlng = lstlatlng;
    return objpreferredarea;
}
function applyautocomplete(input, styleclass) {
    var autocomplete = new google.maps.places.Autocomplete(input);
    //code to change place starts
    google.maps.event.addListener(autocomplete, 'place_changed', function () {
        var place = autocomplete.getPlace();
        if (!place.geometry) {
            return;
        }
        $("." + styleclass).show();
        var isAlreadyExist = false;
        $("." + styleclass + ">span").each(function () {
            if ($(this).text().trim().toLowerCase().indexOf($(input).val().trim().toLowerCase()) > -1) {
                isAlreadyExist = true;
            }
        });
        if (!isAlreadyExist) {
            $("." + styleclass).append(new GoogleOption($(input).val(), place.geometry.location.lat(), place.geometry.location.lng(), styleclass));
            $(input).val('');
        }
        return false;
        //code to change place ends
    });
}
function applyautocompleteNumber(input, styleclass,id) {
    var autocomplete = new google.maps.places.Autocomplete(input);
    //code to change place starts
    google.maps.event.addListener(autocomplete, 'place_changed', function () {
        var place = autocomplete.getPlace();
        if (!place.geometry) {
            return;
        }
        
        addLocation(place,input, styleclass,id);
        return false;
        //code to change place ends
    });
}
function GoogleOptionNumber(text, latitude, longitude, styleclass,id) {
    var addressCount = (MappinglocationsArr == null? 1 : MappinglocationsArr.length + 1);   

    return $("<li class='list-group-item bg-hover-yellow w-100 d-flex justify-content-between align-items-center px-2' latitude=" + latitude + " longitude=" + longitude + "><span class='mr-1'><span class='addressCount'>" + addressCount + "</span>. <span class='addresstext'>" + text + "</span></span><a href='javascript:void(0);' title=" + removeText + " data-bs-toggle='tooltip' class='ml-auto' onclick=deleteaddressoption(this,'" + styleclass + "',"+id+")><i class='fas fa-trash-alt' style='font-size:18px;'></i></a></li>");
}
function deleteaddressoption($this, styleclass,id) {
    $('[data-bs-toggle="tooltip"]').tooltip("hide");
    if (MappinglocationsArr != null) {
        var removeLocation = $($this).siblings().find(".addresstext").text();
        var itemIndex = -1;
        $.each(MappinglocationsArr, function (index, data) {
            if (data.location == removeLocation) {
                itemIndex = index;
            }
        });
        MappinglocationsArr.splice(itemIndex, 1);
    }
    $($this).parent().remove();    
    $('.addressCount').each(function (index, data) {
        $(this).html(index + 1);
    });
    $("#btnMappingAddress" + id).removeClass("btn-success").addClass("btn-danger");
}
function addLocation(place,input, styleclass,id) {
    var isAlreadyExist = false;
    $.each(MappinglocationsArr, function (index, data) {
        if (data.location.trim().toLowerCase() == $(input).val().trim().toLowerCase()) {
            isAlreadyExist = true;
        }
    });

    if (MappinglocationsArr != null && MappinglocationsCount != null && MappinglocationsCount != 0 && isAlreadyExist == false) {
        if (MappinglocationsArr.length >= MappinglocationsCount) {
            //alert(MappinglocationsCount + ' ' + MaxLocationMsg());
            return false;
        }
        var obj = new Object();

        if (!isAlreadyExist) {
            $("." + styleclass).append(new GoogleOptionNumber($(input).val(), place.geometry.location.lat(), place.geometry.location.lng(), styleclass,id));
            obj.location = $.trim($(input).val());
            $(input).val('');            
        }
        obj.lat = place.geometry.location.lat();
        obj.lng = place.geometry.location.lng();

        MappinglocationsArr.push(obj);
        if (MappinglocationsArr.length == MappinglocationsCount) {
            $("#btnMappingAddress" + id).removeClass("btn-danger").addClass("btn-success");            
            showSuccessMessage(MappinglocationsCount + ' ' + maxLocationMsg);
            $("#divSucessMessage").css('z-index', '1056');
            var length = getModalBackgroundCount();
            $(".modal-backdrop:eq("+length+")").css("z-index", "1055");
            //$(".modal-backdrop:eq(2)").css("z-index", "1051");
        }
    }
    $(function () {
        $('[data-bs-toggle="tooltip"]').tooltip()
    });
}