let dzialkiIcon = document.createElement("img");
function dzialkiButtonClick() {

	
	dzialkiButton.style.background = "gray";

	dzialkiIcon.src = chrome.runtime.getURL("icons/loading.gif");

	const canvas = document.getElementsByClassName("ol-unselectable")[0].childNodes[0].childNodes[0]
	const ctx = canvas.getContext("2d");
	const height = canvas.height;
	const width = canvas.width;

	let XMIN = MapData.X_MIN;
	let YMIN = MapData.Y_MIN;
	let XMAX = MapData.X_MAX;
	let YMAX = MapData.Y_MAX;

	// let URL = `https://epsg.io/trans?data=${XMIN},${YMIN};${XMAX},${YMAX}&s_srs=2177&t_srs=2180`; // stary endpoint
	let URL = `https://api.maptiler.com/coordinates/transform/${XMIN},${YMIN};${XMAX},${YMAX}.json?s_srs=2177&t_srs=2180&key=OZa2pWHGvC94xakI0fVk`;

	fetch(URL, {
		method: "GET",
	})
		.then((response) => response.json())
		.then((data) => {
			let NXMIN = data.results[0].x;
			let NYMIN = data.results[0].y;
			let NXMAX = data.results[1].x;
			let NYMAX = data.results[1].y;

			var img = new Image();
			img.onload = function () {
				ctx.drawImage(img, 0, 0, width, height);
				dzialkiIcon.src = chrome.runtime.getURL("icons/dzialki1.png");
			};
			img.onerror = function () {
				dzialkiIcon.src = chrome.runtime.getURL("icons/dzialki1.png");

				dzialkiButton.style.background = "pink";
			}

			img.src = `
			https://integracja01.gugik.gov.pl/cgi-bin/KrajowaIntegracjaEwidencjiGruntow?VERSION=1.1.1&SERVICE=WMS&REQUEST=GetMap&LAYERS=dzialki,numery_dzialek,budynki&SRS=EPSG:2180&WIDTH=${width}&HEIGHT=${height}&TRANSPARENT=TRUE&FORMAT=image/png&BBOX=${NXMIN},${NYMIN},${NXMAX},${NYMAX}
			`;

			dzialkiButton.style.background = "none";
		});
}