www/reset_password.template.html

<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
        <title>Password Reset — ENiGMA½ BBS</title>
        <meta name="description" content="Reset your password">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script>
			window.onload = function() {
				document.getElementById('password').onchange			= validatePassword;
				document.getElementById('confirm_password').onchange	= validatePassword;
			}

			function validatePassword() {
				var pw 		= document.getElementById('password');
				var confirm	= document.getElementById('confirm_password');

				if(pw.value !== confirm.value) {
					confirm.setCustomValidity('Passwords must match!');
				} else {
					confirm.setCustomValidity('');
				}
			}
		</script>
	</head>
	<body>
	<form action="%RESET_URL%" method="post">	
		<legend>Password Reset</legend>
		<input type="password" placeholder="Password" id="password" name="password" required>
		<input type="password" placeholder="Confirm Password" id="confirm_password" name="confirm_password" required>
		<input type="hidden" value="%TOKEN%" name="token">
		<button type="submit">Confirm</button>
	</form>
	</body>
</html>