<!DOCTYPE html>
<html>
<head>
	<title>{{ .PrinterName }}</title>
</head>
<body>
	<p>Выбранный принтер: {{ .PrinterName }}</p>
	<p>Доступные для установки в этот принтер картриджи:</p>
	<ul>
		{{ range .Cartridges }}
		<li>{{ . }}</li>
		{{ else }}
		<li>Нет доступных картриджей</li>
		{{ end }}
	</ul>

	<input type="button" name="generateQR" value="Сгенерировать QR" onclick="getURL();">

	<p>Установить картридж:</p>
	<form action="/decreaseCartridgeQuantity" method="POST">
		<select name="cartridge" id="cartridge">
			{{ range .Cartridges }}
			<option>{{ . }}</option>
			{{ end }}
		</select>
		<input type="submit" value="Установить">
	</form>


	<script type="text/javascript">
		function getURL() {
			var xhr = new XMLHttpRequest();
			xhr.open("POST", '/generateCompatible', true);
			xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			xhr.send(window.location.href.toString());

			// var http = new XMLHttpRequest();
	  //   	var url = '/generate'
	  //   	var params = window.location.href
	  //   	http.open('POST', url, true)
	  //   	http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
	  //   	http.Send(params);
    	}

	</script>
</body>
</html>