function addCommaForGrands(num) {
	let str = num.toString();
	let result = '';
	while (str.length > 3) {
	  result = ',' + str.slice(-3) + result;
	  str = str.slice(0, -3);
	}
	if (str.length) result = str + result;
	return result;
}

function getChannelDataFromString(s) {
	if (s.length < 3) return null;

	var split = s.split(";&;");
	if (split.length < 5) return null;

	var status_id = parseInt(split[0].trim());
	var status_changed_at = new Date(split[1].trim());
	var name = split[2].trim();	
	var tg_link = split[3].trim();
	var users_cnt = parseInt(split[4].trim()) - 1;
	var latitude = NaN;
	var longitude = NaN;
	if (split.length == 7) {
		var latitude = parseFloat(split[5].trim());
		var longitude = parseFloat(split[6].trim());
	}

	if (isNaN(status_id)) status_id = 0;

	return {    
		status_id: status_id,
		status_changed_at: status_changed_at,
		link: tg_link,    
		title: name,    
		users: users_cnt,  
		latitude: latitude,
		longitude: longitude,
	}
}

function fillTGChannels(arr)
{
    arr.sort((a, b) => (a.users < b.users) ? 1 : -1)

    var container = document.getElementById('my_channels_container');
    var block_create_own_channel = container.innerHTML; //save for later use
    container.innerHTML = ""; 
	// Loop through the array
	for (var i = 0; i < arr.length; i++) {
	  // Get the current channel
	  var channel = arr[i];

	  // Create the HTML block
	  var html = '<div class="d-flex align-items-center mb-' + (((i == arr.length - 1) ? "0" : "8")) + '">';

	  side_line_color = "#dcdada";
	  if (channel.status_id != 0) {
	  	side_line_color = getColorByStatus(channel.status_id);
	  }

	  html += '<span class="bullet bullet-vertical h-40px" style="background-color: ' + side_line_color + '"></span>';
	  html += '<div class="flex-grow-1" style="padding-left: 20px;">';

	  var s_name = channel.title;
	  s_name = s_name.replace("->",'<i class="fa fa-long-arrow-right" aria-hidden="true"></i>')
	  var url = 'https://t.me/' + channel.link;
	  html += '<a href=' + url + ' class="text-gray-800 text-hover-primary fw-bolder fs-4">' + s_name + '</a><br>';

	  var s_additional = generateStringChannelState(channel, false);	  
	  if (s_additional.length > 0) html += '<span class="text-muted fw-bold d-block">' + s_additional + '</span>';
	  html += '</div>';

		var s_users = addCommaForGrands(channel.users);

	  html += '<a href=' + url + ' class="badge badge-light-primary fs-4 fw-bolder" ' + (channel.users == -1 ? 'style="display: none"' : '') + '>' + s_users + ' ';
	  html += "<i class='fa fa-user badge-light-primary' style='padding-left: 5px'></i>";
	  html += '</span>';
	  html += '</div>';

	  // Append the HTML block to the container
	  container.innerHTML += html;
	}

	container.innerHTML += block_create_own_channel;
}




function indexFillStats() {
	var api = PYTHON_API_URL + "website";


	$.get(api + "/getChannelsAndPingsCount").done(function(data){ 
	    var channels_cnt = parseInt(data.split(";")[0]);
	    var block = '<div class="min-w-0px" data-kt-countup="true" data-kt-countup-value="' + channels_cnt + '" data-kt-countup-suffix="">' + channels_cnt + '</div>';
	    $("#myslider_channels_cnt").append(block);

	    var pings_cnt = parseInt(data.split(";")[1]);

	  	var block_queries = '<div id="mycounter" class="min-w-70px" data-kt-countup="true" data-kt-countup-value="' + pings_cnt + '"data-kt-countup-suffix="">' + addCommaForGrands(pings_cnt) + '</div>'
	  	$("#myslider_queries_cnt").append(block_queries);
		var s_slider_queries_label = getNumbereEnding(pings_cnt, 'Оброблений запит', 'Оброблених запити', 'Оброблених запитів');
	    $("#myslider_queries_cnt_label").text(s_slider_queries_label);
	});

	$.get(api + "/getChannels").done(function(data){ 
	    
	    var total_users_cnt = 0;

	    // Set the array of parameters
		var tg_channels_arr = [];

	    var split = data.split("\n");
	    for (var i = 0; i < split.length; i++) {
	    	var line = split[i];
	    	el = getChannelDataFromString(line);
	    	if (el == null) continue;
	    	if (el.users <= 0) continue;
			tg_channels_arr.push(el);
	    	total_users_cnt += el.users;
	    }

	    //TG CHANNELS
	    fillTGChannels(tg_channels_arr);



	    //SLIDER USERS
	    var block_users = '<div class="min-w-70px" data-kt-countup="true" data-kt-countup-value="' + total_users_cnt + '" data-kt-countup-suffix="">' + total_users_cnt + '</div>';
	    $("#myslider_users_cnt").append(block_users);	    
	    var s_slider_users_label = 'Користувач' + getNumbereEnding(total_users_cnt, '', 'і', 'ів');
	    $("#myslider_users_cnt_label").text(s_slider_users_label);

	});
}