function sort_by_status() {
	$('<div id="err_services" style="clear: both;"></div>').appendTo('.main');
	$('<div id="good_services" style="clear: both;"></div>').appendTo('.main');
	$('<div id="dis_services" style="clear: both;"></div>').appendTo('.main');
	$(".good").prependTo("#good_services");
	$(".err").prependTo("#err_services");
	$(".dis").prependTo("#dis_services");
	$('.group').remove();
	$('.group_name').detach();
	window.history.pushState("SMON Dashboard", "SMON Dashboard", cur_url[0]+"?action=view&sort=by_status");
}
function showSmon(action) {
	var sort = '';
	var location = window.location.href;
	var cur_url = '/app/' + location.split('/').pop();
	console.log(cur_url)
	if (action == 'refresh') {
		try {
			sort = cur_url[1].split('&')[1];
			sort = sort.split('=')[1];
		} catch (e) {
			sort = '';
		}
	}
	$.ajax({
		url: "/app/smon/refresh",
		data: {
			sort: sort,
			token: $('#token').val()
		},
		type: "POST",
		success: function (data) {
			if (data.indexOf('SMON error:') != '-1') {
				toastr.error(data);
			} else {
				toastr.clear();
				$("#smon_dashboard").html(data);
				// if (action == 'not_sort') {
				// 	window.history.pushState("SMON Dashboard", document.title, "/app/smon");
				// } else {
				// 	window.history.pushState("SMON Dashboard", document.title, cur_url[0] + "?" + cur_url[1]);
				// }
			}
		}
	});
}
function addNewSmonServer(dialog_id) {
	var valid = true;
	var check_type = $('#check_type').val();
	if (check_type == 'tcp') {
		allFields = $([]).add($('#new-smon-ip')).add($('#new-smon-port')).add($('#new-smon-name'))
		allFields.removeClass("ui-state-error");
		valid = valid && checkLength($('#new-smon-ip'), "Hostname", 1);
		valid = valid && checkLength($('#new-smon-name'), "Name", 1);
		valid = valid && checkLength($('#new-smon-port'), "Port", 1);
	}
	if (check_type == 'http') {
		allFields = $([]).add($('#new-smon-url')).add($('#new-smon-name'))
		allFields.removeClass("ui-state-error");
		valid = valid && checkLength($('#new-smon-name'), "Name", 1);
		valid = valid && checkLength($('#new-smon-url'), "URL", 1);
	}
	if (check_type == 'ping') {
		allFields = $([]).add($('#new-smon-ip')).add($('#new-smon-name')).add($('#new-smon-packet_size'))
		allFields.removeClass("ui-state-error");
		valid = valid && checkLength($('#new-smon-name'), "Name", 1);
		valid = valid && checkLength($('#new-smon-ip'), "Hostname", 1);
		valid = valid && checkLength($('#new-smon-packet_size'), "Packet size", 1);
	}
	if (check_type == 'dns') {
		allFields = $([]).add($('#new-smon-ip')).add($('#new-smon-port')).add($('#new-smon-name')).add($('#new-smon-resolver-server'))
		allFields.removeClass("ui-state-error");
		valid = valid && checkLength($('#new-smon-name'), "Name", 1);
		valid = valid && checkLength($('#new-smon-ip'), "Hostname", 1);
		valid = valid && checkLength($('#new-smon-port'), "Port", 1);
		valid = valid && checkLength($('#new-smon-resolver-server'), "Resolver server", 1);
	}
	var enable = 0;
	if ($('#new-smon-enable').is(':checked')) {
		enable = '1';
	}
	if (valid) {
		$.ajax( {
			url: "/app/smon/add",
			data: {
				newsmonname: $('#new-smon-name').val(),
				newsmon: $('#new-smon-ip').val(),
				newsmonport: $('#new-smon-port').val(),
				newsmonresserver: $('#new-smon-resolver-server').val(),
				newsmondns_record_type: $('#new-smon-dns_record_type').val(),
				newsmonenable: enable,
				newsmonurl: $('#new-smon-url').val(),
				newsmonbody: $('#new-smon-body').val(),
				newsmongroup: $('#new-smon-group').val(),
				newsmondescription: $('#new-smon-description').val(),
				newsmontelegram: $('#new-smon-telegram').val(),
				newsmonslack: $('#new-smon-slack').val(),
				newsmonpd: $('#new-smon-pd').val(),
				newsmonpacket_size: $('#new-smon-packet_size').val(),
				newsmon_http_method: $('#new-smon-method').val(),
				newsmonchecktype: check_type,
				token: $('#token').val()
			},
			type: "POST",
			success: function( data ) {
				data = data.replace(/\s+/g,' ');
				if (data.indexOf('error:') != '-1' || data.indexOf('unique') != '-1') {
					toastr.error(data);
				} else {
					if (check_type == 'ping') {
						table_id = 'ajax-smon-ping';
					} else if (check_type == 'tcp') {
						table_id = 'ajax-smon-tcp';
					} else if (check_type == 'dns') {
						table_id = 'ajax-smon-dns';
					}
					 else {
						table_id = 'ajax-smon-http';
					}
					common_ajax_action_after_success(dialog_id, 'newserver', table_id, data);
					$( "input[type=submit], button" ).button();
					$( "input[type=checkbox]" ).checkboxradio();
					$( "select" ).selectmenu();
					$.getScript('/inc/users.js');
				}
			}
		} );
	}
}
function confirmDeleteSmon(id, check_type) {
	var delete_word = $('#translate').attr('data-delete');
	var cancel_word = $('#translate').attr('data-cancel');
	$( "#dialog-confirm" ).dialog({
		resizable: false,
		height: "auto",
		width: 400,
		modal: true,
		title: delete_word+" " +$('#smon-ip-'+id).val() + "?",
		buttons: [{
			text: delete_word,
			click: function () {
				$(this).dialog("close");
				removeSmon(id, check_type);
			}
		}, {
			text: cancel_word,
			click: function() {
				$( this ).dialog( "close" );
			}
		}]
	});
}
function removeSmon(id, check_type) {
	$("#smon-"+id).css("background-color", "#f2dede");
	$.ajax( {
		url: "/app/smon/delete/" + id,
		// data: {
		// 	smondel: id,
		// 	token: $('#token').val()
		// },
		type: "GET",
		success: function( data ) {
			data = data.replace(/\s+/g,' ');
			if(data == "Ok") {
				$("#smon-"+check_type+"-"+id).remove();
			} else {
				toastr.error(data);
			}
		}
	} );
}

function updateSmon(id, check_type) {
	toastr.clear();
	var enable = 0;
	if ($('#smon-enable-'+id).is(':checked')) {
		enable = '1';
	}
	$.ajax( {
		url: "/app/smon/update/"+id,
		data: {
			updateSmonName: $('#smon-name-'+id).val(),
			updateSmonIp: $('#smon-ip-'+id).val(),
			updateSmonResServer: $('#smon-resolver-'+id).val(),
			updateSmonRecordType: $('#smon-record_type-'+id).val(),
			updateSmonPort: $('#smon-port-'+id).val(),
			updateSmonUrl: $('#smon-url-'+id).val(),
			updateSmonEn: enable,
			updateSmonBody: $('#smon-body-'+id).val(),
			updateSmonTelegram: $('#smon-telegram-'+id).val(),
			updateSmonSlack: $('#smon-slack-'+id).val(),
			updateSmonPD: $('#smon-pd-'+id).val(),
			updateSmonGroup: $('#smon-group-'+id).val(),
			updateSmonDesc: $('#smon-desc-'+id).val(),
			updateSmonPacket_size: $('#smon-packet_size-'+id).val(),
			updateSmon_http_method: $('#smon-http_method-'+id).val(),
			check_type: check_type,
			token: $('#token').val()
		},
		type: "POST",
		success: function( data ) {
			data = data.replace(/\s+/g,' ');
			if (data.indexOf('error:') != '-1' || data.indexOf('unique') != '-1') {
				toastr.error(data);
			} else {
				toastr.clear();
				$("#smon-"+check_type+"-"+id).addClass( "update", 1000 );
				setTimeout(function() {
					$("#smon-"+check_type+"-"+id).removeClass( "update" );
				}, 2500 );
			}
		}
	} );
}
function cloneSmom(id, check_type) {
	check_and_clear_check_type(check_type);
	$( "#add-smon-button-"+check_type ).trigger( "click" );
	if ($('#smon-enable-'+id).is(':checked')) {
		$('#new-smon-enable').prop('checked', true)
	} else {
		$('#new-smon-enable').prop('checked', false)
	}
	$('#new-smon-enable').checkboxradio("refresh");
	$('#new-smon-name').val($('#smon-name-'+id).val());
	$('#new-smon-ip').val($('#smon-ip-'+id).val());
	$('#new-smon-port').val($('#smon-port-'+id).val());
	$('#new-smon-resolver-server').val($('#smon-resolver-'+id).val());
	$('#new-smon-dns_record_typer').val($('#smon-record_type-'+id).val());
	$('#new-smon-url').val($('#smon-url-'+id).val());
	$('#new-smon-group').val($('#smon-group-'+id).val());
	$('#new-smon-description').val($('#smon-desc-'+id).val())
	$('#new-smon-packet_size').val($('#smon-packet_size-'+id).val())
	$('#new-smon-telegram').val($('#smon-telegram-'+id+' option:selected').val()).change()
	$('#new-smon-slack').val($('#smon-slack-'+id+' option:selected').val()).change()
	$('#new-smon-pd').val($('#smon-pd-'+id+' option:selected').val()).change()
	$('#new-smon-telegram').selectmenu("refresh");
	$('#new-smon-slack').selectmenu("refresh");
	$('#new-smon-pd').selectmenu("refresh");
}
$( function() {
	$('#add-smon-button-http').click(function() {
		addSmonServer.dialog('open');
		check_and_clear_check_type('http');
	});
	$('#add-smon-button-tcp').click(function() {
		addSmonServer.dialog('open');
		check_and_clear_check_type('tcp');
	});
	$('#add-smon-button-ping').click(function() {
		addSmonServer.dialog('open');
		check_and_clear_check_type('ping');
	});
	$('#add-smon-button-dns').click(function() {
		addSmonServer.dialog('open');
		check_and_clear_check_type('dns');
	});
	$( "#ajax-smon-http input" ).change(function() {
		var id = $(this).attr('id').split('-');
		updateSmon(id[2], 'http');
	});
	$( "#ajax-smon-http select" ).on('selectmenuchange',function() {
		var id = $(this).attr('id').split('-');
		updateSmon(id[2], 'http');
	});
	$( "#ajax-smon-tcp input" ).change(function() {
		var id = $(this).attr('id').split('-');
		updateSmon(id[2], 'tcp');
	});
	$( "#ajax-smon-tcp select" ).on('selectmenuchange',function() {
		var id = $(this).attr('id').split('-');
		updateSmon(id[2], 'tcp');
	});
	$( "#ajax-smon-ping input" ).change(function() {
		var id = $(this).attr('id').split('-');
		updateSmon(id[2], 'ping');
	});
	$( "#ajax-smon-ping select" ).on('selectmenuchange',function() {
		var id = $(this).attr('id').split('-');
		updateSmon(id[2], 'ping');
	});
	$( "#ajax-smon-dns input" ).change(function() {
		var id = $(this).attr('id').split('-');
		updateSmon(id[2], 'dns');
	});
	$( "#ajax-smon-dns select" ).on('selectmenuchange',function() {
		var id = $(this).attr('id').split('-');
		updateSmon(id[2], 'dns');
	});
	$( "#check_type" ).on('selectmenuchange',function() {
		check_and_clear_check_type($('#check_type').val());
	});
	var add_word = $('#translate').attr('data-add');
	var cancel_word = $('#translate').attr('data-cancel');
	var smon_add_tabel_title = $( "#smon-add-table-overview" ).attr('title');
	var addSmonServer = $( "#smon-add-table" ).dialog({
		autoOpen: false,
		resizable: false,
		height: "auto",
		width: 600,
		modal: true,
		title: smon_add_tabel_title,
		show: {
			effect: "fade",
			duration: 200
		},
		hide: {
			effect: "fade",
			duration: 200
		},
		buttons: [{
			text: add_word,
			click: function () {
				addNewSmonServer(this);
			}
		}, {
			text: cancel_word,
			click: function () {
				$(this).dialog("close");
				clearTips();
			}
		}]
	});
});
function check_and_clear_check_type(check_type) {
	if (check_type == 'http') {
		$('.new_smon_hostname').hide();
		$("#check_type").val('http');
		$('#check_type').selectmenu("refresh");
		$('.smon_tcp_check').hide();
		$('.smon_ping_check').hide();
		$('.smon_dns_check').hide();
		clear_check_vals();
		$('.smon_http_check').show();
	} else if (check_type == 'tcp') {
		$("#check_type").val('tcp');
		$('#check_type').selectmenu("refresh");
		$('.new_smon_hostname').show();
		$('.smon_http_check').hide();
		$('.smon_dns_check').hide();
		$('.smon_ping_check').hide();
		clear_check_vals();
		$('.smon_tcp_check').show();
	} else if (check_type == 'dns') {
		$("#check_type").val('dns');
		$('#check_type').selectmenu("refresh");
		$('.smon_tcp_check').hide();
		$('.new_smon_hostname').show();
		$('.smon_http_check').hide();
		$('.smon_ping_check').hide();
		clear_check_vals();
		$('#new-smon-port').val('53');
		$('.smon_dns_check').show();
	} else {
		$('.smon_http_check').hide();
		$('.new_smon_hostname').show();
		$('.smon_tcp_check').hide();
		$('.smon_dns_check').hide();
		$('.smon_ping_check').show();
		$("#check_type").val('ping');
		$('#check_type').selectmenu("refresh");
		clear_check_vals();
	}
}
function clear_check_vals() {
	$('#new_smon_hostname').val('');
	$('#new-smon-url').val('');
	$('#new-smon-body').val('');
	$('#new-smon-port').val('');
	$('#new-smon-packet_size').val('');
}
function show_statuses(dashboard_id, check_id, id_for_history_replace) {
	show_smon_history_statuses(dashboard_id, id_for_history_replace);
	$.ajax({
		url: "/app/smon/history/cur_status/" + dashboard_id + "/" + check_id,
		success: function (data) {
			data = data.replace(/\s+/g, ' ');
			if (data.indexOf('error:') != '-1' || data.indexOf('unique') != '-1') {
				toastr.error(data);
			} else {
				toastr.clear();
				$("#cur_status").html(data);
			}
		}
	});
}
function show_smon_history_statuses(dashboard_id, id_for_history_replace) {
	$.ajax({
		url: "/app/smon/history/statuses/" + dashboard_id,
		success: function (data) {
			data = data.replace(/\s+/g, ' ');
			if (data.indexOf('error:') != '-1' || data.indexOf('unique') != '-1') {
				toastr.error(data);
			} else {
				toastr.clear();
				$(id_for_history_replace).html(data);
				$("[title]").tooltip({
					"content": function () {
						return $(this).attr("data-help");
					},
					show: {"delay": 1000}
				});
			}
		}
	});
}
function smon_status_page_avg_status(page_id) {
	$.ajax({
		url: "/app/smon/status/avg/" + page_id,
		success: function (data) {
			data = data.replace(/\s+/g, ' ');
			if (data.indexOf('error:') != '-1' || data.indexOf('unique') != '-1') {
				toastr.error(data);
			} else {
				toastr.clear();
				if (data == '1') {
					$('#page_status').html('<i class="far fa-check-circle page_icon page_icon_all_ok"></i><span>All Systems Operational</span>');
				} else {
					$('#page_status').html('<i class="far fa-times-circle page_icon page_icon_not_ok"></i><span>Not all Systems Operational</span>')
				}
			}
		}
	});
}
function smon_manage_status_page_avg_status(page_id) {
	$.ajax({
		url: "/app/smon/status/avg/" + page_id,
		success: function (data) {
			data = data.replace(/\s+/g, ' ');
			if (data.indexOf('error:') != '-1' || data.indexOf('unique') != '-1') {
				toastr.error(data);
			} else {
				toastr.clear();
				if (data == '1') {
					$('#page_status-'+page_id).html('<i class="far fa-check-circle status-page-icon status-page-icon-ok"></i>');
				} else {
					$('#page_status-'+page_id).html('<i class="far fa-times-circle status-page-icon status-page-icon-not-ok"></i>')
				}
			}
		}
	});
}
function createStatusPageStep1(edited=false, page_id=0) {
	var add_word = $('#translate').attr('data-next');
	var cancel_word = $('#translate').attr('data-cancel');
	var next_word = $('#translate').attr('data-next');
	var smon_add_tabel_title = $("#create-status-page-step-1-overview").attr('title');
	if (edited) {
		smon_add_tabel_title = $("#create-status-page-step-1-overview").attr('data-edit');
		$('#new-status-page-name').val($('#page_name-'+page_id).text());
		$('#new-status-page-slug').val($('#page_slug-'+page_id).text().split('/').pop());
		$('#new-status-page-desc').val($('#page_desc-'+page_id).text().replace('(','').replace(')',''));
	}
	var regx = /^[a-z0-9_-]+$/;
	var addSmonStatus = $("#create-status-page-step-1").dialog({
		autoOpen: false,
		resizable: false,
		height: "auto",
		width: 630,
		modal: true,
		title: smon_add_tabel_title,
		show: {
			effect: "fade",
			duration: 200
		},
		hide: {
			effect: "fade",
			duration: 200
		},
		buttons: [{
			text: next_word,
			click: function () {
				if ($('#new-status-page-name').val() == '') {
					toastr.error('error: Fill in the Name field');
					return false;
				}
				if (!regx.test($('#new-status-page-slug').val())) {
					toastr.error('error: Incorrect Slug');
					return false;
				}
				if ($('#new-status-page-slug').val().indexOf('--') != '-1') {
					toastr.error('error: "--" are prohibeted in Slug');
					return false;
				}
				if ($('#new-status-page-slug').val() == '') {
					toastr.error('error: Fill in the Slug field');
					return false;
				}
				createStatusPageStep2(edited, page_id);
				$(this).dialog("close");
				toastr.clear();
			}
		}, {
			text: cancel_word,
			click: function () {
				clearStatusPageDialog($(this));
			}
		}]
	});
	addSmonStatus.dialog('open');
}
function createStatusPageStep2(edited, page_id) {
	var add_word = $('#translate').attr('data-add');
	var cancel_word = $('#translate').attr('data-cancel');
	var back_word = $('#translate').attr('data-back');
	var smon_add_tabel_title = $("#create-status-page-step-2-overview").attr('title');
	if (edited) {
		smon_add_tabel_title = $("#create-status-page-step-2-overview").attr('data-edit');
		add_word = $('#translate').attr('data-edit');
		if ($("#enabled-check > div").length == 0) {
			$.ajax({
				url: "/app/smon/status/checks/" + page_id,
				async: false,
				type: "GET",
				success: function (data) {
					if (data.indexOf('error:') != '-1') {
						toastr.error(data);
					} else {
						for (let i = 0; i < data.length; i++) {
							addCheckToStatus(data[i]);
						}
					}
				}
			});
		}
	}
	var addSmonStatus = $("#create-status-page-step-2").dialog({
		autoOpen: false,
		resizable: false,
		height: "auto",
		width: 630,
		modal: true,
		title: smon_add_tabel_title,
		show: {
			effect: "fade",
			duration: 200
		},
		hide: {
			effect: "fade",
			duration: 200
		},
		buttons: [{
			text: add_word,
			click: function () {
				if (edited) {
					editStatusPage($(this), page_id);
				} else {
					createStatusPage($(this));
				}
			}
		}, {
			text: back_word,
			click: function () {
				$(this).dialog("close");
				createStatusPageStep1(edited, page_id);
			}
		}, {
			text: cancel_word,
			click: function () {
				clearStatusPageDialog($(this));
			}
		}]
	});
	addSmonStatus.dialog('open');
}
function clearStatusPageDialog(dialog_id) {
	dialog_id.dialog("close");
	clearTips();
	$('#new-status-page-name').val('');
	$('#new-status-page-slug').val('');
	$('#new-status-page-desc').val('');
	$("#enabled-check > div").each((index, elem) => {
		check_id = elem.id.split('-')[1]
		removeCheckFromStatus(check_id);
	});
}
function createStatusPage(dialog_id) {
	let name_id = $('#new-status-page-name');
	let slug_id = $('#new-status-page-slug');
	let desc_id = $('#new-status-page-desc');
	let checks = [];
	let check_id = '';
	$("#enabled-check > div").each((index, elem) => {
		check_id = elem.id.split('-')[1]
		checks.push(check_id);
	});
	$.ajax({
		url: '/app/smon/status-page',
		type: 'POST',
		data: {
			name: name_id.val(),
			slug: slug_id.val(),
			desc: desc_id.val(),
			checks: JSON.stringify({'checks': checks})
		},
		success: function (data) {
			data = data.replace(/\s+/g, ' ');
			if (data.indexOf('error:') != '-1' || data.indexOf('unique') != '-1') {
				toastr.error(data);
			} else {
				clearStatusPageDialog(dialog_id);
				$("#pages").append(data);
				$.getScript("/inc/fontawesome.min.js");
			}
		}
	});
}
function editStatusPage(dialog_id, page_id) {
	let name_id = $('#new-status-page-name');
	let slug_id = $('#new-status-page-slug');
	let desc_id = $('#new-status-page-desc');
	let checks = [];
	let check_id = '';
	$("#enabled-check > div").each((index, elem) => {
		check_id = elem.id.split('-')[1]
		checks.push(check_id);
	});
	$.ajax({
		url: '/app/smon/status-page',
		type: 'PUT',
		data: {
			page_id: page_id,
			name: name_id.val(),
			slug: slug_id.val(),
			desc: desc_id.val(),
			checks: JSON.stringify({'checks': checks})
		},
		success: function (data) {
			data = data.replace(/\s+/g, ' ');
			if (data.indexOf('error:') != '-1' || data.indexOf('unique') != '-1') {
				toastr.error(data);
			} else {
				clearStatusPageDialog(dialog_id);
				$("#page_" + page_id).replaceWith(data);
				$("#page_" + page_id).addClass("update", 1000);
				setTimeout(function () {
					$("#page_" + page_id).removeClass("update");
				}, 2500);
				$.getScript("/inc/fontawesome.min.js");
			}
		}
	});
}
function addCheckToStatus(service_id) {
	var service_name = $('#add_check-' + service_id).attr('data-service_name');
	var delete_word = $('#translate').attr('data-delete');
	var service_word = $('#translate').attr('data-service');
	var length_tr = $('#all-checks').length;
	var tr_class = 'odd';
	if (length_tr % 2 != 0) {
		tr_class = 'even';
	}
	var html_tag = '<div class="' + tr_class + '" id="remove_check-' + service_id + '" data-service_name="' + service_name + '">' +
		'<div class="check-name">' + service_name + '</div>' +
		'<div class="add_user_group check-button" onclick="removeCheckFromStatus(' + service_id + ')" title="' + delete_word + ' ' + service_word + '">-</div></div>';
	$('#add_check-' + service_id).remove();
	$("#enabled-check").append(html_tag);
}
function removeCheckFromStatus(service_id) {
	var service_name = $('#remove_check-' + service_id).attr('data-service_name');
	var add_word = $('#translate').attr('data-add');
	var service_word = $('#translate').attr('data-service');
	var length_tr = $('#all_services tbody tr').length;
	var tr_class = 'odd';
	if (length_tr % 2 != 0) {
		tr_class = 'even';
	}
	var html_tag = '<div class="' + tr_class + ' all-checks" id="add_check-' + service_id + '" data-service_name="' + service_name + '">' +
		'<div class="check-name">' + service_name + '</div>' +
		'<div class="add_user_group check-button" onclick="addCheckToStatus(' + service_id + ')" title="' + add_word + ' ' + service_word + '">+</div></div>';
	$('#remove_check-' + service_id).remove();
	$("#all-checks").append(html_tag);
}
function confirmDeleteStatusPage(id) {
	var delete_word = $('#translate').attr('data-delete');
	var cancel_word = $('#translate').attr('data-cancel');
	$("#dialog-confirm").dialog({
		resizable: false,
		height: "auto",
		width: 400,
		modal: true,
		title: delete_word + " " + $('#page_name-' + id).text() + "?",
		buttons: [{
			text: delete_word,
			click: function () {
				$(this).dialog("close");
				deleteStatusPage(id);
			}
		}, {
			text: cancel_word,
			click: function () {
				$(this).dialog("close");
			}
		}]
	});
}
function deleteStatusPage(page_id) {
	$.ajax({
		url: '/app/smon/status-page',
		type: 'DELETE',
		data: {
			page_id: page_id,
		},
		success: function (data) {
			data = data.replace(/\s+/g, ' ');
			if (data.indexOf('error:') != '-1' || data.indexOf('unique') != '-1') {
				toastr.error(data);
			} else {
				$('#page_' + page_id).remove();
			}
		}
	});
}