<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="max80.css" />
    <title class="config">MAX80: Configuration</title>
  <script src="max80.js"></script>
  </head>
  <body>
    <x-inc src="head.html"></x-inc>
    <h1 class="config">Configuration</h1>
    <form id="setconfig" class="setconfig" action="sys/setconfig" method="post"
	  onsubmit="uploadform()" data-ref="10" data-ref-url="status.html">
      <fieldset class="network">
	<legend>Network</legend>
	<label class="hostname">
	  <b>Host name</b>
	  <input type="text" name="hostname" />
	</label>
	<label class="mdns">
	  <b>mDNS</b>
	  <input is="x-box" name="mdns.enabled" />
	</label>
	<label class="wifi-ssid">
	  <b>Network name (SSID)</b>
	  <input type="text" name="wifi.ssid" />
	</label>
	<label class="wifi-psk">
	  <b>Network password (PSK)</b>
	  <input class="mono" type="password" autocomplete="off" name="wifi.psk" />
	  <button type="button" class="show" onclick="showpwd()"><span class="show">Show</span><span class="hide">Hide</span></button>
	</label>
      </fieldset>
      <fieldset class="datetime">
	<legend>Date and Time</legend>
	<label class="tz">
	  <b>Time zone</b>
	  <select name="tzname" id="tzname" onchange="tzn()">
	  </select>
	  <input type="text" name="TZ" oninput="tzt()" />
	</label>
	<label class="sntp-enabled">
	  <b>Synchronize time from network</b>
	  <input is="x-box" name="sntp.enabled" />
	</label>
	<label class="sntp-server">
	  <b>NTP server</b>
	  <input type="text" name="sntp.server" />
	</label>
	<label class="ip4-dhcp-sntp">
	  <b>Use DHCP-provided NTP server</b>
	  <input is="x-box" name="ip4.dhcp.nosntp" negative />
	</label>
      </fieldset>
      <button class="submit" type="submit" disabled>Update configuration</button>
      <br />
      <output></output>
    </form>
    <script src="tz.js"></script>
  </body>
</html>