function post(url, dataObj, success) {
	// Create a FormData object
	const formData = new FormData();

	console.log(dataObj);
	if (dataObj !== undefined) {
		// Populate the FormData object with the object entries
		Object.entries(dataObj).forEach(([key, value]) => {
			formData.append(key, value);
		});
	}

	// Send the POST request with the FormData object
	fetch(url, {
		method: "POST",
		body: formData,
	})
		.then((response) => {
			/*
			if (!response.ok) {
				throw new Error("Network response was not ok");
			}
			*/
			return response.json(); // or .text() if the response is not in JSON format
		})
		.then((data) => {
			if (success !== undefined) {
				//const json_data = JSON.parse(data);
				success(data);
				//success(json_data);
			}
			//console.log("Success:", data);
		})
		.catch((error) => {
			console.error("Error:", error);
		});
}


function change_lang(x) {
	var y = document.getElementById("select_lang");
	post('/change_lang/' + y.value, {}, () => {
		window.location.reload();
	}	 )
}

function initPrFilesTree() {
	const input = document.querySelector("[data-pr-files-filter]");
	const tree = document.querySelector("[data-pr-files-tree]");
	if (!input || !tree) {
		return;
	}

	const clearButton = document.querySelector("[data-pr-files-filter-clear]");
	const countEl = document.querySelector("[data-pr-files-count]");
	const emptyEl = document.querySelector("[data-pr-files-filter-empty]");
	const rows = Array.from(tree.querySelectorAll(".r, [data-pr-tree-row]"));
	const fileRows = rows.filter((row) => row.hasAttribute("p") || row.hasAttribute("data-file-path"));
	const diffEls = Array.from(document.querySelectorAll("[data-diff-path]"));
	const totalFiles = fileRows.length;
	const collapsedDirs = new Set();

	function pathForRow(row) {
		return row.getAttribute("p") || row.getAttribute("q") || row.getAttribute("data-file-path") || row.getAttribute("data-dir-path") || "";
	}

	function addParentDirs(path, visibleDirs) {
		const parts = path.split("/");
		let current = "";
		for (let i = 0; i < parts.length - 1; i++) {
			current = current === "" ? parts[i] : current + "/" + parts[i];
			visibleDirs.add(current);
		}
	}

	function isUnderCollapsed(path) {
		for (const dir of collapsedDirs) {
			if (path !== dir && path.indexOf(dir + "/") === 0) {
				return true;
			}
		}
		return false;
	}

	function applyPrFilesFilter() {
		const query = input.value.trim().toLowerCase();
		const visibleDirs = new Set();
		let visibleFileCount = 0;

		for (const row of fileRows) {
			const path = row.getAttribute("p") || row.getAttribute("data-file-path") || "";
			if (query === "" || path.toLowerCase().indexOf(query) !== -1) {
				visibleFileCount++;
				addParentDirs(path, visibleDirs);
			}
		}

		for (const row of rows) {
			const filePath = row.getAttribute("p") || row.getAttribute("data-file-path");
			const dirPath = row.getAttribute("q") || row.getAttribute("data-dir-path");
			let visible = true;

			if (filePath) {
				visible = query === "" || filePath.toLowerCase().indexOf(query) !== -1;
			} else if (dirPath) {
				visible = query === "" || visibleDirs.has(dirPath);
			}

			if (visible && query === "" && isUnderCollapsed(pathForRow(row))) {
				visible = false;
			}
			row.hidden = !visible;
		}

		for (const diffEl of diffEls) {
			const path = diffEl.getAttribute("data-diff-path") || "";
			diffEl.hidden = query !== "" && path.toLowerCase().indexOf(query) === -1;
		}

		if (countEl) {
			countEl.textContent = query === "" ? String(totalFiles) : visibleFileCount + " / " + totalFiles;
		}
		if (emptyEl) {
			emptyEl.hidden = query === "" || visibleFileCount > 0;
		}
		if (clearButton) {
			clearButton.hidden = input.value === "";
		}
	}

	for (const row of rows) {
		if (!row.hasAttribute("q") && !row.hasAttribute("data-dir-path")) {
			continue;
		}
		row.addEventListener("click", () => {
			const path = row.getAttribute("q") || row.getAttribute("data-dir-path");
			if (!path) {
				return;
			}
			if (collapsedDirs.has(path)) {
				collapsedDirs.delete(path);
				row.setAttribute("aria-expanded", "true");
			} else {
				collapsedDirs.add(path);
				row.setAttribute("aria-expanded", "false");
			}
			applyPrFilesFilter();
		});
	}

	input.addEventListener("input", applyPrFilesFilter);
	input.addEventListener("keydown", (event) => {
		if (event.key === "Enter") {
			event.preventDefault();
		}
	});

	if (clearButton) {
		clearButton.addEventListener("click", () => {
			input.value = "";
			input.focus();
			applyPrFilesFilter();
		});
	}

	applyPrFilesFilter();
}

function initPrReviewCommentBoxes() {
	const root = document.querySelector(".pr-files-diffs");
	if (!root) {
		return;
	}
	const placeholder = root.getAttribute("data-line-comment-placeholder") || "";

	function ensureBox(row) {
		if (!row || !row.hasAttribute("s") || !row.hasAttribute("l")) {
			return null;
		}
		const next = row.nextElementSibling;
		if (next && next.classList.contains("m")) {
			return next;
		}
		const diff = row.closest("[data-diff-path]");
		const path = diff ? diff.getAttribute("data-diff-path") : "";
		const side = row.getAttribute("s") === "n" ? "new" : "old";
		const line = row.getAttribute("l") || "";
		if (!path || !line) {
			return null;
		}
		const wrap = document.createElement("p");
		wrap.className = "m";
		const textarea = document.createElement("textarea");
		textarea.name = "rc::" + path + "::" + side + "::" + line;
		textarea.rows = 2;
		if (placeholder) {
			textarea.placeholder = placeholder;
		}
		wrap.appendChild(textarea);
		row.insertAdjacentElement("afterend", wrap);
		return wrap;
	}

	function rowFromEvent(event) {
		const target = event.target instanceof Element ? event.target : null;
		return target ? target.closest(".pr-diff__table > p[s][l]") : null;
	}

	root.addEventListener("mouseover", (event) => {
		ensureBox(rowFromEvent(event));
	});
	root.addEventListener("focusin", (event) => {
		ensureBox(rowFromEvent(event));
	});
	root.addEventListener("click", (event) => {
		const box = ensureBox(rowFromEvent(event));
		const textarea = box ? box.querySelector("textarea") : null;
		if (textarea) {
			textarea.focus();
		}
	});
}

document.addEventListener("DOMContentLoaded", () => {
	initPrFilesTree();
	initPrReviewCommentBoxes();
});