"use strict";

class TablesSublistManager extends SublistManager {
	constructor () {
		super({
			sublistListOptions: {
				sortByInitial: "sortName",
			},
		});
	}

	static get _ROW_TEMPLATE () {
		return [
			new SublistCellTemplate({
				name: "Name",
				css: "bold ve-col-12 px-0",
				colStyle: "",
			}),
		];
	}

	pGetSublistItem (it, hash) {
		const cellsText = [it.name];

		const $ele = $(`<div class="lst__row lst__row--sublist ve-flex-col">
			<a href="#${hash}" class="lst--border lst__row-inner" title="${it.name}">
				${this.constructor._getRowCellsHtml({values: cellsText})}
			</a>
		</div>`)
			.contextmenu(evt => this._handleSublistItemContextMenu(evt, listItem))
			.click(evt => this._listSub.doSelect(listItem, evt));

		const listItem = new ListItem(
			hash,
			$ele,
			it.name,
			{
				hash,
			},
			{
				entity: it,
				mdRow: [...cellsText],
			},
		);
		return listItem;
	}
}

class TablesPage extends ListPage {
	constructor () {
		const pageFilter = new PageFilterTables();
		super({
			dataSource: DataUtil.table.loadJSON.bind(DataUtil.table),

			pageFilter,

			listOptions: {
				sortByInitial: "sortName",
			},

			dataProps: ["table", "tableGroup"],

			isMarkdownPopout: true,

			listSyntax: new ListSyntaxTables({fnGetDataList: () => this._dataList}),
		});
	}

	get _bindOtherButtonsOptions () {
		return {
			other: [
				{
					name: "Copy as CSV",
					pFn: () => this._pCopyRenderedAsCsv(),
				},
			],
		};
	}

	async _pCopyRenderedAsCsv () {
		const ent = this._dataList[Hist.lastLoadedId];

		const tbls = ent.tables || [ent];
		const txt = tbls
			.map(tbl => {
				const parser = new DOMParser();
				const rows = tbl.rows.map(row => row.map(cell => parser.parseFromString(`<div>${Renderer.get().render(cell)}</div>`, "text/html").documentElement.textContent));

				const headerRowMetas = Renderer.table.getHeaderRowMetas(tbl) || [];
				const [headerRowMetasAsHeaders, ...headerRowMetasAsRows] = headerRowMetas
					.map(headerRowMeta => headerRowMeta.map(it => Renderer.stripTags(it)));

				return DataUtil.getCsv(
					headerRowMetasAsHeaders,
					[
						// If there are extra headers, treat them as rows
						...headerRowMetasAsRows,
						...rows,
					],
				);
			})
			.join("\n\n");

		await MiscUtil.pCopyTextToClipboard(txt);
		JqueryUtil.doToast("Copied!");
	}

	getListItem (it, tbI, isExcluded) {
		this._pageFilter.mutateAndAddToFilters(it, isExcluded);

		const sortName = it.name.replace(/^\s*([\d,.]+)\s*gp/, (...m) => m[1].replace(Parser._numberCleanRegexp, "").padStart(9, "0"));

		const eleLi = document.createElement("div");
		eleLi.className = `lst__row ve-flex-col ${isExcluded ? "lst__row--blocklisted" : ""}`;

		const source = Parser.sourceJsonToAbv(it.source);
		const hash = UrlUtil.autoEncodeHash(it);

		eleLi.innerHTML = `<a href="#${hash}" class="lst--border lst__row-inner">
			<span class="bold ve-col-10 pl-0">${it.name}</span>
			<span class="ve-col-2 ve-text-center ${Parser.sourceJsonToColor(it.source)} pr-0" title="${Parser.sourceJsonToFull(it.source)}" ${Parser.sourceJsonToStyle(it.source)}>${source}</span>
		</a>`;

		const listItem = new ListItem(
			tbI,
			eleLi,
			it.name,
			{
				hash,
				sortName,
				source,
			},
			{
				isExcluded,
			},
		);

		eleLi.addEventListener("click", (evt) => this._list.doSelect(listItem, evt));
		eleLi.addEventListener("contextmenu", (evt) => this._openContextMenu(evt, this._list, listItem));

		return listItem;
	}

	_renderStats_doBuildStatsTab ({ent}) {
		this._$pgContent.empty().append(RenderTables.$getRenderedTable(ent));
	}
}

const tablesPage = new TablesPage();
tablesPage.sublistManager = new TablesSublistManager();
window.addEventListener("load", () => tablesPage.pOnLoad());