var db_name = localStorage["tfm_db_name"];

function settings_load() {
	if (db_name != null) {
		$("#db_name").val(db_name);
	} else {
		$("#db_name").val("");
	}
	if (sort_files != null) {
		if (sort_files[0] === '-') {
			$("#files-reverse").prop("checked", true);
			sort_files = sort_files.slice(1);
		}
		$(`#files-by-${sort_files}`).prop("checked", true);
	}
	if (sort_tags != null) {
		if (sort_tags[0] === '-') {
			$("#tags-reverse").prop("checked", true);
			sort_tags = sort_tags.slice(1);
		}
		$(`#tags-by-${sort_tags}`).prop("checked", true);
	}
}

$(window).on("load", function () {
	settings_load();
});

$(document).on("reset", "#settings", function (e) {
	e.preventDefault();
	settings_load();
});

$(document).on("submit", "#settings", function (e) {
	e.preventDefault();
	let db_name_input = $("#db_name");
	let db_name_val = db_name_input.val();
	if (db_name_val !== db_name) {
		let resp = tdb_query();
		if (!resp.status) {
			alert("Failed to fetch databases");
			return;
		}
		let found = false;
		resp.data.every(db => {
			if (db.name === db_name_val) {
				localStorage["tfm_db_name"] = db_name = db_name_val;
				found = true;
				db_name_input.removeClass("is-invalid");
				sasahyou_mts = 0;
				sappyou_mts = 0;
				shoppyou_mts = 0;
				return false;
			}
			return true;
		});
		if (!found) {
			db_name_input.addClass("is-invalid");
			return;
		}
	}
	let sort_f = ($("#files-reverse")[0].checked ? '-' : '') + $("input[type=radio][name=sort-files]:checked").attr("id").slice(9);
	let sort_t = ($("#tags-reverse")[0].checked ? '-' : '') + $("input[type=radio][name=sort-tags]:checked").attr("id").slice(8);
	if (sort_f !== sort_files && '!' + sort_f !== sort_files) {
		localStorage["sort_files"] = sort_files = '!' + sort_f;
	}
	if (sort_t !== sort_tags && '!' + sort_t !== sort_tags) {
		localStorage["sort_tags"] = sort_tags = '!' + sort_t;
	}
	alert("Successfully updated settings!");
});