$( function() {
	$('#add-telegram-button').click(function () {
		addTelegramDialog.dialog('open');
	});
	$('#add-slack-button').click(function () {
		addSlackDialog.dialog('open');
	});
	$('#add-pd-button').click(function () {
		addPDDialog.dialog('open');
	});
	$('#add-mm-button').click(function () {
		addMMDialog.dialog('open');
	});
	let telegram_tabel_title = $("#telegram-add-table-overview").attr('title');
	let addTelegramDialog = $("#telegram-add-table").dialog({
		autoOpen: false,
		resizable: false,
		height: "auto",
		width: 600,
		modal: true,
		title: telegram_tabel_title,
		show: {
			effect: "fade",
			duration: 200
		},
		hide: {
			effect: "fade",
			duration: 200
		},
		buttons: [{
			text: add_word,
			click: function () {
				addRecevier(this, 'telegram');
			}
		}, {
			text: cancel_word,
			click: function () {
				$(this).dialog("close");
				clearTips();
			}
		}]
	});
	let slack_tabel_title = $("#slack-add-table-overview").attr('title');
	let addSlackDialog = $("#slack-add-table").dialog({
		autoOpen: false,
		resizable: false,
		height: "auto",
		width: 600,
		modal: true,
		title: slack_tabel_title,
		show: {
			effect: "fade",
			duration: 200
		},
		hide: {
			effect: "fade",
			duration: 200
		},
		buttons: [{
			text: add_word,
			click: function () {
				addRecevier(this, 'slack');
			}
		}, {
			text: cancel_word,
			click: function () {
				$(this).dialog("close");
				clearTips();
			}
		}]
	});
	let pd_tabel_title = $("#pd-add-table-overview").attr('title');
	let addPDDialog = $("#pd-add-table").dialog({
		autoOpen: false,
		resizable: false,
		height: "auto",
		width: 600,
		modal: true,
		title: pd_tabel_title,
		show: {
			effect: "fade",
			duration: 200
		},
		hide: {
			effect: "fade",
			duration: 200
		},
		buttons: [{
			text: add_word,
			click: function () {
				addRecevier(this, 'pd');
			}
		}, {
			text: cancel_word,
			click: function () {
				$(this).dialog("close");
				clearTips();
			}
		}]
	});
	let mm_tabel_title = $("#mm-add-table-overview").attr('title');
	let addMMDialog = $("#mm-add-table").dialog({
		autoOpen: false,
		resizable: false,
		height: "auto",
		width: 600,
		modal: true,
		title: mm_tabel_title,
		show: {
			effect: "fade",
			duration: 200
		},
		hide: {
			effect: "fade",
			duration: 200
		},
		buttons: [{
			text: add_word,
			click: function () {
				addRecevier(this, 'mm');
			}
		}, {
			text: cancel_word,
			click: function () {
				$(this).dialog("close");
				clearTips();
			}
		}]
	});
	$("#checker_telegram_table input").change(function () {
		let id = $(this).attr('id').split('-');
		updateReceiver(id[2], 'telegram')
	});
	$("#checker_telegram_table select").on('selectmenuchange', function () {
		let id = $(this).attr('id').split('-');
		updateReceiver(id[1], 'telegram')
	});
	$("#checker_slack_table input").change(function () {
		let id = $(this).attr('id').split('-');
		updateReceiver(id[2], 'slack')
	});
	$("#checker_slack_table select").on('selectmenuchange', function () {
		let id = $(this).attr('id').split('-');
		updateReceiver(id[1], 'slack')
	});
	$("#checker_pd_table input").change(function () {
		let id = $(this).attr('id').split('-');
		updateReceiver(id[2], 'pd')
	});
	$("#checker_pd_table select").on('selectmenuchange', function () {
		let id = $(this).attr('id').split('-');
		updateReceiver(id[1], 'pd')
	});
});
function loadChannel() {
	$.ajax({
		url: "/channel/load",
		type: "GET",
		success: function (data) {
			data = data.replace(/\s+/g, ' ');
			if (data.indexOf('group_error') == '-1' && data.indexOf('error:') != '-1') {
				toastr.error(data);
			} else {
				$('#checker').html(data);
				$("select").selectmenu();
				$("button").button();
				$("input[type=checkbox]").checkboxradio();
				$.getScript('/static/js/channel.js');
				$.getScript(awesome);
			}
		}
	});
}
function updateReceiver(id, receiver_name) {
	let group = $('#' + receiver_name + 'group-' + id).val();
	if (group === undefined || group === null) {
		group = $('#channel-group').val();
	}
	toastr.clear();
	let json_data = {
		"token": $('#' + receiver_name + '-token-' + id).val(),
		"channel": $('#' + receiver_name + '-chanel-' + id).val(),
		"group_id": group,
	}
	$.ajax({
		url: "/channel/" + receiver_name + "/" + id,
		data: JSON.stringify(json_data),
		contentType: "application/json; charset=utf-8",
		type: "PUT",
		success: function (data) {
			if (data.status === 'failed') {
				toastr.error(data.error);
			} else {
				toastr.clear();
				$("#" + receiver_name + "-table-" + id).addClass("update", 1000);
				setTimeout(function () {
					$("#" + receiver_name + "-table-" + id).removeClass("update");
				}, 2500);
			}
		}
	});
}
function checkReceiver(channel_id, receiver_name) {
	$.ajax({
		url: "/channel/" + receiver_name + "/" + channel_id,
		contentType: "application/json; charset=utf-8",
		type: "PATCH",
		success: function (data) {
			if (data.status === 'failed') {
				toastr.error(data.error);
			} else {
				toastr.success('Test message has been sent');
			}
		}
	});
}
function addRecevier(dialog_id, receiver_name) {
	toastr.clear();
	let valid = true;
	let receiver_name_div = $('#' + receiver_name + '-token-add');
	let channel_div = $('#' + receiver_name + '-chanel-add');
	let group = $('#new-' + receiver_name + '-group-add').val();
	let allFields = $([]).add(receiver_name_div).add(channel_div);
	allFields.removeClass("ui-state-error");
	valid = valid && checkLength(receiver_name_div, "token", 1);
	valid = valid && checkLength(channel_div, "channel name", 1);
	if (group === undefined || group === null) {
		group = $('#channel-group').val();
	}
	if (valid) {
		let jsonData = {
			"token": receiver_name_div.val(),
			"channel": channel_div.val(),
			"group_id": group
		}
		toastr.clear();
		$.ajax({
			url: "/channel/" + receiver_name,
			data: JSON.stringify(jsonData),
			contentType: "application/json; charset=utf-8",
			type: "POST",
			success: function (data) {
				if (data.status === 'failed') {
					toastr.error(data.error);
				} else {
					common_ajax_action_after_success(dialog_id, 'newgroup', 'checker_' + receiver_name + '_table', data.data);
					$("select").selectmenu();
				}
			}
		});
	}
}
function confirmDeleteReceiver(id, receiver_name) {
	$("#dialog-confirm-services").dialog({
		resizable: false,
		height: "auto",
		width: 400,
		modal: true,
		title: delete_word + " " + $('#' + receiver_name + '-chanel-' + id).val() + "?",
		buttons: [{
			text: delete_word,
			click: function () {
				$(this).dialog("close");
				removeReceiver(receiver_name, id);
			}
		}, {
			text: cancel_word,
			click: function () {
				$(this).dialog("close");
			}
		}]
	});
}
function cloneReceiver(id, receiver_name) {
	$('#add-'+receiver_name+'-button').trigger( "click" );
	$('#'+receiver_name+'-token-add').val($('#'+receiver_name+'-token-'+id).val());
	$('#'+receiver_name+'-chanel-add').val($('#'+receiver_name+'-chanel-'+id).val());
}
function removeReceiver(receiver_name, receiver_id) {
	$("#" + receiver_name + "-table-" + receiver_id).css("background-color", "#f2dede");
	$.ajax({
		url: "/channel/" + receiver_name + "/" + receiver_id,
		contentType: "application/json; charset=utf-8",
		type: "DELETE",
				statusCode: {
			204: function (xhr) {
				$("#" + receiver_name + "-table-" + receiver_id).remove();
			},
			404: function (xhr) {
				$("#" + receiver_name + "-table-" + receiver_id).remove();
			}
		},
		success: function (data) {
			if (data) {
				if (data.status === "failed") {
					toastr.error(data);
				}
			}
		}
	});
}
function sendCheckMessage(sender) {
	$.ajax({
		url: "/channel/check",
		data: JSON.stringify({'sender': sender}),
		type: "POST",
		contentType: "application/json; charset=utf-8",
		success: function (data) {
			if (data.status === 'failed') {
				toastr.error(data.error);
			} else {
				toastr.success('Test message has been sent');
			}
		}
	});
}