<!DOCTYPE html>
<html>
<head>
	<title>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">


    
</head>
<body>

	<div class="bg-dark text-white">
		<div class="container">
			<div class="row pt-3">
				<div class="col-md-6 col-12">

					<p><%= me %></p>
				</div>

				<div class="col-md-6 col-12">
					<p class="text-md-right"><%= name %></p>
				</div>
				<div class="col-12 mb-3">
					<div class="text-right">
						<a href="/logout" class="btn btn-danger">Logout</a>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div class="container">
		<div class="row pt-5">
			

			

			<!--<div class="col-sm-6 col-12 text-center mb-5">
				<h4>Create new test</h4>
				<h6 class="pt-2 pb-3">Schedule new test by adding test code, and questions for students.</h6>
				<a class="btn btn-danger mt-2" href="/createExam">Create</a>
			</div>
			
			<div class="col-sm-6 col-12 text-center mb-5">
				<h4>Test Analysis of last test.</h4>
				<h6 class="pt-2 pb-3"><b>Note: </b>This is only an integrity score and not the complete result.</h6>
				<a class="btn btn-success mt-2" href="/student/analysis/teacher/analysis">View Analysis</a>-->
				<div class="col-sm-6 col-12 text-center mb-5">
					<h4>Create new classroom</h4>
					<form action="/create-class" method="POST">
						<input class="form-control mb-3 text-center" name="name" id="createcode" required placeholder="Enter Name">
						<button class="btn btn-primary mt-2" type="submit">Create</button>
					</form>
				</div>
				<div class="col-sm-6 col-12 text-center mb-5">
					<h4>Join classroom</h4>
					<form action="/join-class" method="POST">
						<input class="form-control mb-3 text-center" name="code" id="joincode" required placeholder="Enter Code">
						<button class="btn btn-success mt-2" type="submit">Join</button>
					</form>
				</div>
				<br><br><br><br>
				<div class="col-sm-12 col-12  mb-5">
					<h5>Classrooms created:</h5>
					<div class="row">
						<% croomAdm.forEach(cr => {
							%><div class="col-md-4 col-sm-6 col-12"><a href="/classroom/<%= cr.code %>"><%= cr.name %> <small>(<%= cr.code %>)</small></a></div><%
						}); %>
					</div>
				</div>
				<div class="col-sm-12 col-12  mb-5">
					<h5>Classrooms joined:</h5>
					<div class="row">
						<% croomMem.forEach(cr => {
							%><div class="col-md-4 col-sm-6 col-12"><a href="/classroom/<%= cr.code %>"><%= cr.name %> <small>(<%= cr.code %>)</small></a></div><%
						}); %>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>
</html>