<!DOCTYPE html>
<html>
<head>
	<title>Misc Settings</title>
	<script>
		function H()
		{
			window.open("https://github.com/Aircoookie/WLED/wiki/Settings#security-settings");
		}
		function B()
		{
			window.open("/settings","_self");
		}
		function U()
		{
			window.open("/update","_self");
		}
		function GetV()
		{
			//values injected by server while sending HTML
		}
	</script>
	<style>
		:root {
			--aCol: #D9B310;
			--bCol: #0B3C5D;
			--cCol: #1D2731;
			--dCol: #328CC1;
			--sCol: #000;
		}
		body {
			font-family: Verdana, Helvetica, 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);
			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);
			border: 0.5ch solid var(--bCol);
			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">Save & Reboot</button><hr>
		<h2>Security & Update setup</h2>
		Lock wireless (OTA) software update: <input type="checkbox" name="NO"><br>
		Passphrase: <input type="password" name="OP" maxlength="32"><br>
		To enable OTA, for security reasons you need to also enter the correct password!<br>
		The password should be changed when OTA is enabled.<br>
		<b>Disable OTA when not in use, otherwise an attacker can reflash device software!</b><br>
		<i>Settings on this page are only changable if OTA lock is disabled!</i><br>
		Deny access to WiFi settings if locked: <input type="checkbox" name="OW"><br><br>
		Disable recovery AP: <input type="checkbox" name="NA"><br>
		In case of an error there will be no wireless recovery possible!<br>
		Disables all Access Point functions.<br><br>
		Factory reset: <input type="checkbox" name="RS"><br>
		All EEPROM content (settings) will be erased.<br><br>
		HTTP traffic is unencrypted. An attacker in the same network can intercept form data!
		<h3>Software Update</h3>
		<button type="button" onclick="U()">Manual OTA Update</button><br>
		Enable ArduinoOTA: <input type="checkbox" name="AO"><br>
		<h3>About</h3>
		<a href="https://github.com/Aircoookie/WLED">WLED</a> version 0.7.1<br><br>
		<b>Contributors:</b><br>
		StormPie <i>(Mobile HTML UI)</i><br><br>
		Thank you so much!<br><br>
		(c) 2016-2018 Christian Schwinne <br>
		<i>Licensed under the MIT license</i><br><br>
		<b>Uses libraries:</b><br>
		<i>ESP8266/ESP32 Arduino Core</i><br>
		<i>(ESP32) <a href="https://github.com/bbx10/WebServer_tng">WebServer_tng</a> by bbx10</i><br>
		<i><a href="https://github.com/kitesurfer1404/WS2812FX">WS2812FX</a> by kitesurfer1404 (modified)</i><br>
		<i><a href="https://github.com/JChristensen/Timezone">Timezone</a> library by JChristensen</i><br>
		<i><a href="https://github.com/blynkkk/blynk-library">Blynk</a> library (compacted)</i><br>
		<i><a href="https://github.com/Aircoookie/Espalexa">Espalexa</a> by Aircoookie (modified)</i><br><br>
		<i>UI icons by <a href="https://linearicons.com">Linearicons</a> created by <a href="https://perxis.com">Perxis</a>! (CC-BY-SA 4.0)</i> <br><br>
		Server message: <span class="msg"> Response error! </span><hr>
		<button type="button" onclick="B()">Back</button><button type="submit">Save & Reboot</button>
	</form>
</body>
</html>