//アカウントマネージャ
//最初に読むやつ
function load() {
	$("#acct-list").html("");
	var prof = localStorage.getItem("prof");
	$(".my-prof").attr("src", prof);
	var name = localStorage.getItem("name");
	$("#now-name").text(name);
	var user = localStorage.getItem("user");
	$("#now-user").text(user);
	var domain = localStorage.getItem("domain");
	$(".now-domain").text(domain);
	var multi = localStorage.getItem("multi");
	if (!multi) {
		var obj = [{
			at: localStorage.getItem(localStorage.getItem("domain_0") + "_at"),
			name: localStorage.getItem("name_0"),
			domain: localStorage.getItem("domain_0"),
			user: localStorage.getItem("user_0"),
			prof: localStorage.getItem("prof_0"),
			id: localStorage.getItem("user-id_0")
		}];
		var json = JSON.stringify(obj);
		localStorage.setItem("multi", json);
	} else {
		var obj = JSON.parse(multi);
	}
	console.log(obj);
	var templete;
	Object.keys(obj).forEach(function(key) {
		var acct = obj[key];
		var list = key * 1 + 1;
		templete = '<div class="acct" id="acct_' + key + '">' + list +
			'.<img src="' + acct.prof + '" width="40" height="40"><div class="text">' +
			acct.name + '&nbsp;<span class="gray">' + acct.user + '@' + acct.domain +
			'</span></div><button class="btn waves-effect disTar" onclick="data(\'' +
			acct.domain +
			'\')">インスタンスデータ表示</button><button class="btn waves-effect" onclick="refresh(' +
			key +
			')">情報更新</button><button class="btn waves-effect red disTar" onclick="multiDel(' +
			key + ')">削除</button><br></div>';
		$("#acct-list").append(templete);
	});
	var acctN = localStorage.getItem("acct");
	if (!acctN) {
		localStorage.setItem("acct", 0);
		var acctN = 0;
	}

}
//最初に読む
load();
support();

//instances.social
function data(domain) {
	$("#ins-upd").text("Loading...");
	$("#ins-add").text("Loading...");
	$("#ins-connect").text("Loading...");
	$("#ins-toot").text("Loading...");
	$("#ins-sys").text("Loading...");
	$("#ins-per").text("Loading...");
	$("#ins-user").text("Loading...");
	$("#ins-ver").text("Loading...");
	$("#ins-prof").attr('src', "./img/loading.svg");
	var start = "https://instances.social/api/1.0/instances/show?name=" + domain;
	fetch(start, {
		method: 'GET',
		headers: {
			'content-type': 'application/json',
			'Authorization': 'Bearer tC8F6xWGWBUwGScyNevYlx62iO6fdQ4oIK0ad68Oo7ZKB8GQdGpjW9TKxBnIh8grAhvd5rw3iyP9JPamoDpeLQdz62EToPJUW99hDx8rfuJfGdjQuimZPTbIOx0woA5M'
		},
	}).then(function(response) {
		return response.json();
	}).catch(function(error) {
		todo(error);
		console.error(error);
	}).then(function(json) {
		console.log(json);
		if (!json.error) {
			$("#ins-upd").text(date(json.checked_at, 'full'));
			$("#ins-add").text(date(json.added_at, 'full'));
			$("#ins-connect").text(json.connections);
			$("#ins-toot").text(json.statuses);
			$("#ins-sys").text(date(json.updated_at, 'full'));
			$("#ins-per").text(json.uptime * 100);
			$("#ins-user").text(json.users);
			$("#ins-ver").text(json.version);
			$("#ins-prof").attr('src', json.thumbnail);
		}
	});
}

//アカウントデータ　消す
function multiDel(target) {
	var multi = localStorage.getItem("multi");
	var obj = JSON.parse(multi);
	if (confirm(obj[target]["user"] + "@" + obj[target]["domain"] + "を削除します")) {
		obj.splice(target, 1);
		var json = JSON.stringify(obj);
		localStorage.setItem("multi", json);
		load();
	}
}

//サポートインスタンス
function support() {
	var start = "https://desk.cutls.com/mastodon_data.json";
	fetch(start, {
		method: 'GET',
		headers: {
			'content-type': 'application/json'
		},
	}).then(function(response) {
		return response.json();
	}).catch(function(error) {
		todo(error);
		console.error(error);
	}).then(function(json) {
		console.log(json);
		Object.keys(json).forEach(function(key) {
			var instance = json[key];
			if (instance == "instance") {
				templete = '<button class="btn waves-effect" onclick="login(\'' + key +
					'\')">' + json[key + "_name"] + '(' + key + ')</button>';
				$("#support").append(templete);
			}
		});
	});
}

//URL指定してポップアップ
function login(url) {
	var multi = localStorage.getItem("multi");
	var obj = JSON.parse(multi);
	var ng;
	Object.keys(obj).forEach(function(key) {
		var acct = obj[key];
		if (acct.domain == url) {
			Materialize.toast(url + "は登録できません。同一インスタンスには一つのアカウントでしかログインできません。", 5000);
			ng = "true";
			return;
		}
	});
	if (ng) {
		return;
	}
	var start = "https://" + url + "/api/v1/apps";
	fetch(start, {
		method: 'POST',
		headers: {
			'content-type': 'application/json'
		},
		body: JSON.stringify({
			scopes: 'read write follow',
			client_name: "TheDesk(PC)",
			redirect_uris: 'urn:ietf:wg:oauth:2.0:oob',
			website: "https://desk.cutls.com"
		})
	}).then(function(response) {
		return response.json();
	}).catch(function(error) {
		todo(error);
		console.error(error);
	}).then(function(json) {
		var auth = "https://" + url + "/oauth/authorize?client_id=" + json[
				"client_id"] + "&client_secret=" + json["client_secret"] +
			"&response_type=code&redirect_uri=urn:ietf:wg:oauth:2.0:oob&scope=read+write+follow";
		localStorage.setItem("domain_tmp", url);
		localStorage.setItem("client_id", json["client_id"]);
		localStorage.setItem("client_secret", json["client_secret"]);
		$("#auth").show();
		$("#add").hide();
		window.open(auth);
	});
}

//テキストボックスにURL入れた
function instance() {
	var url = $("#url").val();
	login(url);
}

//コード入れてAccessTokenゲット
function code() {
	var code = $("#code").val();
	var url = localStorage.getItem("domain_tmp");
	localStorage.removeItem("domain_tmp");
	var start = "https://" + url + "/oauth/token";
	var id = localStorage.getItem("client_id");
	var secret = localStorage.getItem("client_secret");
	fetch(start, {
		method: 'POST',
		headers: {
			'content-type': 'application/json'
		},
		body: JSON.stringify({
			grant_type: "authorization_code",
			redirect_uri: "urn:ietf:wg:oauth:2.0:oob",
			client_id: id,
			client_secret: secret,
			code: code
		})
	}).then(function(response) {
		return response.json();
	}).catch(function(error) {
		todo(error);
		console.error(error);
	}).then(function(json) {
		if (json["access_token"]) {
			$("#auth").hide();
			$("#add").show();
			getdata(url, json["access_token"]);
		}
	});
}

//ユーザーデータ取得
function getdata(domain, at) {
	var start = "https://" + domain + "/api/v1/accounts/verify_credentials";
	fetch(start, {
		method: 'GET',
		headers: {
			'content-type': 'application/json',
			'Authorization': 'Bearer ' + at
		},
	}).then(function(response) {
		return response.json();
	}).catch(function(error) {
		todo(error);
		console.error(error);
	}).then(function(json) {
		console.log(json);
		if (json.error) {
			console.error("Error:" + json.error);
			Materialize.toast("エラーが発生しました。しばらく待ってから再起動してください。Error:" + json.error,
				5000);
			return;
		}
		var add = {
			at: at,
			name: json["display_name"],
			domain: domain,
			user: json["acct"],
			prof: json["avatar"],
			id: json["id"]
		};
		var multi = localStorage.getItem("multi");
		var obj = JSON.parse(multi);
		obj.push(add);
		console.log(obj);
		var json = JSON.stringify(obj);
		localStorage.setItem("multi", json);
		load();
	});
}

//ユーザーデータ更新
function refresh(target) {
	var multi = localStorage.getItem("multi");
	var obj = JSON.parse(multi);
	var start = "https://" + obj[target].domain +
		"/api/v1/accounts/verify_credentials";
	fetch(start, {
		method: 'GET',
		headers: {
			'content-type': 'application/json',
			'Authorization': 'Bearer ' + obj[target].at
		},
	}).then(function(response) {
		return response.json();
	}).catch(function(error) {
		todo(error);
		console.error(error);
	}).then(function(json) {
		console.log(json);
		if (json.error) {
			console.error("Error:" + json.error);
			Materialize.toast("エラーが発生しました。しばらく待ってから再起動してください。Error:" + json.error,
				5000);
			return;
		}
		var ref = {
			at: obj[target].at,
			name: json["display_name"],
			domain: obj[target].domain,
			user: json["acct"],
			prof: json["avatar"],
			id: json["id"]
		};
		obj[target] = ref;
		console.log(obj);
		var json = JSON.stringify(obj);
		localStorage.setItem("multi", json);

		load();
	});
}