var defaultFirstCity = "";
var curretnCulture = "";
var isRental = false;
var serviceId = 0;
var currentLat = "";
var currentLong = "";
var currentPage = 0;
var pageSize = 0;
var tab = 1;
var isLocationOn = 0;
document.addEventListener("DOMContentLoaded", function () {
    currentPage = 1;
    pageSize = 5;

    curretnCulture = $("#currentLanguage").val();
    $(".no-access-found").removeClass("d-flex");
    $(".no-access-found").addClass("d-none");

    currentLat = 24.7254539;
    currentLong = 46.4921862;
    defaultFirstCity = $("#deafultCenter").text().trim();
    isRental = false;
    serviceId = 0;

    

    $(document).on('click', '.damage-assessment-center', function (event) {
        event.preventDefault();
        var city = $(this).text();
        var cityId = $(this).data("cityid");
        currentPage = 1;
        $('.selectedCity').text(city); // Update button's city name
        $('.selectedCity').attr("data-cityid", cityId);; // Update button's city name
        currentPage = 1;
        fetchCenters(cityId);
    });


    $(document).on('click', '.show-more-assessment-centers', function (e) {
        e.preventDefault();
        var cont = $('.selectedCity');
        fetchCenters(cont.attr('data-cityid'));
    });

   
});


function fetchCities() {

    fetch(`/umbraco/surface/DamageAssessmentCenters/GetDamageAssessmentCentersCities?culture=${curretnCulture}&isRental=${isRental}&serviceId=${serviceId}&cityId=0&clat=${currentLat}&clong=${currentLong}&isLocationOn=${isLocationOn}`).then(response => {
        if (!response.ok) {
            console.log(response);
            throw new Error("Failed fetching Centers");
        }
        return response.text();
    }).then(function (res) {

        //document.getElementById('damageAssessmentCentersCitiesList').innerHTML = res;
        const elements = document.getElementsByClassName('cities-list');
        const visibleElements = $('.cities-list').filter(function () {
            return $(this).css('display') !== 'none';
        });

        visibleElements[0].innerHTML = res;

        defaultFirstCity = parseInt($("#selectedCity").data("cityid"));
        fetchCenters(defaultFirstCity);

    }).catch(error => console.error("Error: ", error));

}


function fetchCenters(cityPassed) {

    fetch(`/umbraco/surface/DamageAssessmentCenters/GetDamageAssessmentCenter?culture=${curretnCulture}&clat=${currentLat}&clong=${currentLong}&isRental=${isRental}&serviceId=${serviceId}&pageSize=${pageSize}&page=${currentPage}&cityId=${cityPassed}`).then(response => {
        if (!response.ok) {
            $(".no-access-found").removeClass("d-none");
            $(".no-access-found").addClass("d-flex");
            throw new Error("Failed fetching cities");
        }
        return response.text();
    }).then(function (res) {

        if (document.querySelectorAll(".tabpanel").length == 0) {
            if (currentPage == 1)
                $("#damageAssessmentCenterslist").html(res);
            
            else
                $("#damageAssessmentCenterslist").append(res);

        }

        if ($("#AssessmentCentersCount").val() == '0' || $("#AssessmentCentersCount").val() == undefined) {
            $(".no-access-found").removeClass("d-none");
            $(".no-access-found").addClass("d-flex");
            $("#showMoreAssessmentCenters").css("display", "none");
        }
        else {
            $(".no-access-found").removeClass("d-flex");
            $(".no-access-found").addClass("d-none");
            if (currentPage * pageSize >= parseInt($('#AssessmentCentersCount').val()) || res == '') {
                $("#showMoreAssessmentCenters").css("display", "none");

            }
            else {
                $("#showMoreAssessmentCenters").css("display", "block");
            }
        }


        currentPage++;

    }).catch(error => console.error("Error: ", error));
}