<!DOCTYPE html>
<html>
<head>
	<title>Time Settings</title>
	<script>
		function H()
		{
			window.open("https://github.com/Aircoookie/WLED/wiki/Settings#time-settings");
		}
		function B()
		{
			window.open("/settings","_self");
		}
		function GetV()
		{
			//values injected by server while sending HTML
		}
	</script>
	<style>
		:root {
			--aCol: #D9B310;
			--bCol: #0B3C5D;
			--cCol: #1D2731;
			--dCol: #328CC1;
			--sCol: #000;
			--tCol: #328CC1;
			--cFn: Verdana;
		}
		body {
			font-family: var(--cFn), sans-serif;
			text-align: center;
			background: var(--cCol);
			color: var(--dCol);
			line-height: 200%;
			margin: 0;
			background-attachment: fixed;
		}
		hr {
			border-color: var(--dCol);
			filter: drop-shadow( -5px -5px 5px var(--sCol) );
		}
		button {
			background: var(--bCol);
			color: var(--dCol);
			border: 0.3ch solid var(--bCol);
			font-family: var(--cFn), sans-serif;
			display: inline-block;
			filter: drop-shadow( -5px -5px 5px var(--sCol) );
			font-size: 20px;
			margin: 8px;
			margin-top: 12px;
		}
		.helpB {
			text-align: left;
			position: absolute;
			width:60px;
		}
		input {
			background: var(--bCol);
			color: var(--dCol);
			font-family: var(--cFn), sans-serif;
			border: 0.5ch solid var(--bCol);
			filter: drop-shadow( -5px -5px 5px var(--sCol) );
		}
		select {
			background: var(--bCol);
			color: var(--dCol);
			border: 0.5ch solid var(--bCol);
			font-family: var(--cFn), sans-serif;
			filter: drop-shadow( -5px -5px 5px var(--sCol) );
		}
		input[type=number] {
			width: 3em;
		}
	</style>
</head>
<body onload="GetV()">
	<form id="form_s" name="Sf" method="post">
		<div class="helpB"><button type="button" onclick="H()">?</button></div>
		<button type="button" onclick="B()">Back</button><button type="submit" name="SUBM">Save</button><hr>
		<h2>Time setup</h2>
		Get time from NTP server: <input type="checkbox" name="NTPON"><br>
		<!--NTP server: <input name="NTPSR" maxlength="32"><br>
		Time zone: 
		<select name="TZONE">
			<option value="1" selected>GMT(UTC)</option>
			<option value="2">GMT/BST</option>
			<option value="3">CET/CEST</option>
			<option value="4">EET/EEST</option>
			<option value="5">US-EST/EDT</option>
			<option value="6">US-CST/CDT</option>
			<option value="7">US-MST/MDT</option>
			<option value="8">US-AZ</option>
			<option value="9">US-PST/PDT</option>
			<option value="10">CST(AWST)</option>
			<option value="11">JST(KST)</option>
			<option value="12">AEST/AEDT</option>
			<option value="13">NZST/NZDT</option>
		</select><br>
		Hour/Min offset: <input name="TOFSH" type="number" min="-255" max="255" required> <input name="TOFSM" type="number" min="-255" max="255" required><br>-->
		Current local time is <span class="times">unknown</span>.
		<h3>Weather</h3>
		Coming soon! Not yet implemented!
		<!--Get yours on open weather API.<br>
		City code: <input name="WCITY" maxlength="32"><br>
		Change color depending on weather: <input type="checkbox" name="WCCOL"><br>
		Daylight Emulation: <input type="checkbox" name="WDAYL"><br>
		Reverse (turns on at sunset): <input type="checkbox" name="WREVL"><br>
		Fade duration: <input name="WSDUR" type="number" min="0" max="255" required><br> 
		Sunrise/Sunset Offset: <input name="WSOFS" type="number" min="-255" max="255" required>-->
		<h3>Advanced Macros</h3>
		Coming soon! Not yet implemented!
		<!--Define API macros here:<br>
		0: <input name="MCR00" maxlength="64"><br>
		1: <input name="MCR01" maxlength="64"><br>
		2: <input name="MCR02" maxlength="64"><br>
		3: <input name="MCR03" maxlength="64"><br>
		4: <input name="MCR04" maxlength="64"><br>
		5: <input name="MCR05" maxlength="64"><br>
		6: <input name="MCR06" maxlength="64"><br>
		7: <input name="MCR07" maxlength="64"><br>
		8: <input name="MCR08" maxlength="64"><br>
		9: <input name="MCR09" maxlength="64"><br>
		10: <input name="MCR10" maxlength="64"><br>
		11: <input name="MCR11" maxlength="64"><br>
		12: <input name="MCR12" maxlength="64"><br>
		13: <input name="MCR13" maxlength="64"><br>
		14: <input name="MCR14" maxlength="64"><br>
		15: <input name="MCR15" maxlength="64"><br>
		<br>
		<i>Use -1 to use the default action instead of a macro</i><br>
		<--1st Time-Controlled Macro:
		Alexa On/Off Macros: <input name="MCA0I" type="number" min="-1" max="15" required> <input name="MCA0O" type="number" min="-1" max="15" required><br>
		<--Emulate 2nd Alexa device:
		
		Emulate 3rd Alexa device:
		Button Macro: <input name="MCBT0" type="number" min="-1" max="15" required><br>
		Button Long Press Macro: <input name="MCBT1" type="number" min="-1" max="15" required><br>
		<--Sunrise Macro
		Sunset Macro
		Countdown-Over Macro: <input name="MCNTD" type="number" min="-1" max="15" required><br>-->
		<hr>
		<button type="button" onclick="B()">Back</button><button type="submit" name="SUBM">Save</button>
	</form>
</body>
</html>