<!doctype html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Tesla Charge Control</title>
	<link id="favicon" rel="icon"
		href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎚️</text></svg>">
	<link rel="stylesheet" href="style.css">
	<script src="script.js"></script>
</head>

<body onload="init_regulator()">
	<div class="container">
		<p id="pid-control">
		<h3>Regulator state:</h3>
		<div id="current-state"></div>
		<br>
		<select name="regstate" id="regstate">
			<option value="boost">Boost</option>
			<option value="equalise">Equalise</option>
			<option value="absorption">Absorption</option>
			<option value="float">Float</option>
		</select>
		<button id="set-regulator-state" onclick="set_regulator_state()">Set regulator state</button>
		</p>
		<p>
			<a class="outlink" href="/">←Home</a>
		</p>
	</div>
</body>

</html>