<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Student Dashboard</title>

		<!-- Meta tag Keywords -->
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta charset="UTF-8" />
		<meta
			name="description"
			content="Online non-proctored examination prototype"
		/>
		<meta
			name="author"
			content="Abhishek Joshi, Shabarish Ramaswamy, Aakriti Sharma, Shlok Naik"
		/>

		<!-- Chrome, Firefox OS and Opera -->
		<meta name="theme-color" content="#000" />
		<!-- Windows Phone -->
		<meta name="msapplication-navbutton-color" content="#000" />
		<!-- iOS Safari -->
		<meta name="apple-mobile-web-app-status-bar-style" content="#000" />

		<!-- //Meta tag Keywords -->

		<!-- Bootstrap -->
		<!-- CSS only -->
		<link
			rel="stylesheet"
			href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
			integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
			crossorigin="anonymous"
		/>

		<!-- JS, Popper.js, and jQuery -->
		<script
			src="https://code.jquery.com/jquery-3.5.1.min.js"
			integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
			crossorigin="anonymous"
		></script>
		<script
			src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
			integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
			crossorigin="anonymous"
		></script>
		<script
			src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
			integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
			crossorigin="anonymous"
		></script>

		<!-- CSS -->
		<link rel="stylesheet" href="css/style.css" />

		<!-- FontAwesome -->
		<link
			rel="stylesheet"
			href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"
			integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc"
			crossorigin="anonymous"
		/>

		<script>
			function check() {
				let val = new Date(
					document.getElementById('date').value
				).getTime();
				if (val < new Date().now()) {
					alert('Due Date should be in future!');
					return false;
				} else {
					document.getElementById('hide').value = val;
					return true;
				}
			}
		</script>
	</head>
	<body>
		<h3><%= name %></h3>
		<form action="/add/<%= code %>" method="POST" onsubmit="return check()">
			<input
				type="datetime-local"
				name="date"
				id="date"
				placeholder="Due Date"
				onchange="check()"
				required
			/>
			<input type="hidden" name="hide" id="hide" />
			<input type="text" name="title" placeholder="Title" required />
			<input
				type="text"
				name="description"
				placeholder="Description"
				required
			/>

			<input
				type="submit"
				name=""
				id=""
				value="Add Assignment"
				required
			/>
		</form>
	</body>
</html>
