(async function () {
	const response = await fetch('roi.json');
	const profits: Profit[] = await response.json();

	const formatDecimal = new Intl.NumberFormat(undefined,
			{maximumFractionDigits: 2, maximumSignificantDigits: 6, roundingPriority: 'lessPrecision'}).format;
	const formatWhole = new Intl.NumberFormat(undefined, {maximumFractionDigits: 0}).format;
	const tbody = document.querySelector('tbody')!;
	for (const p of profits) {
		const tr = document.createElement('tr');
		tr.innerHTML = `
			<td>${p.output}</td>
			<td>${p.expertise}</td>
			<td>${formatDecimal(p.profit_per_area)}</td>
			<td>${formatWhole(p.capex)}</td>
			<td>${formatWhole(p.cost_per_day)}</td>
			<td>${formatDecimal(p.logistics_per_area)}</td>
			<td>${formatWhole(p.output_per_day)}<br>${formatWhole(p.average_traded_7d)}</td>
		`;
		const output = tr.querySelector('td')!;
		output.title = p.recipe;
		tbody.appendChild(tr);
	}
})();

interface Profit {
	output: string
	recipe: string
	expertise: string
	profit_per_area: number
	capex: number
	cost_per_day: number
	logistics_per_area: number
	output_per_day: number
	average_traded_7d: number
}