<!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="Student Assignment Submission System"
		/>
		<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><%= email %></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 pt-4">
		    <h4><b><%= assignment.title %></b></h4>
    		<p>
				<%= assignment.description %>
				<% if(assignment.fileBuffer){ %>
					<br>
					<a href="data:application/octet-stream;base64,<%= assignment.fileBuffer.toString('base64') %>" target="_blank" download = "<%= assignment.title %>.pdf">Attached File</a>
				<% } %>
				
				
			</p>
    		<small
    			>Due Date:
    			<script>
    				document.write(new Date(parseInt('<%= assignment.dueDate %>')).toLocaleString());
    			</script></small
    		>
    		<br />
    		<small
    			>Given Date:
    			<script>
    				document.write(
    					new Date(parseInt('<%= assignment.givenDate %>')).toLocaleString()
    				);
    			</script></small
    		>
    
            <br>
    
            <!-- <button onclick="location.href='/classroom/<%= code %>/<%= no %>/edit'">Edit Assignment</button> -->
            <!-- <button onclick="if(confirm('Are you sure?')){location.href='/classroom/<%= code %>/<%= no %>/delete'}">Delete Assignment</button> -->
    
    		<br />
    
    		<% assignment.submissions.forEach(sub => { %>
    		<p>
    			<b><a href="data:application/octet-stream;base64,<%= sub.doc.toString('base64') %>" target="_blank" download = "<%= sub.email %>.pdf"><%= sub.email %></a></b> <small><script>document.write(new Date(parseInt('<%= sub.time %>')).toLocaleString())</script></small>
    			<br />
    
    
    
                <% if(sub.graded) { %>
                    Marks: <%= sub.grade %>
                    <br>
                <% } %>
    
                <form action="/classroom/<%= code %>/<%= no %>/grade" method="POST">
                    <input type="number" name="grade" min="0" max="10" required>
                    <input type="hidden" name="email" value="<%= sub.email %>">
                    <input type="submit" name="" value="Grade">
                </form>
                
    		</p>
    		<% }); %>
		</div>
	</body>
</html>
