<!DOCTYPE html>
<html>
<head>
	<title>Classroom</title>

	<!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <meta name="description" content="Assignment Submission">
    <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-3">
        <h3><%= title %></h3>
    
    		<p>
          <%= desc %>
          <% if(file){ %>
            <br>
            <a href="data:application/octet-stream;base64,<%= file.toString('base64') %>" target="_blank" download = "<%= title %>.pdf">Attached File</a>
          <% } %>
        </p>
    </div>


	<div class="container pt-2">
        <form method="post" action="/upload/<%= code %>/<%= no %>" enctype="multipart/form-data">
            <div class="form-group">
              <label for="userPDF">Submit your Assignment</label>
              <input type="file" class="form-control-file" id="userPDF" name="userPDF" accept=".pdf">
            </div>
            <input class="btn btn-primary" type="submit" name="" id="">
        </form>
    </div>
      
</body>
</html>


<!-- <form method="post" action="/upload/<%= code %>/<%= no %>" enctype="multipart/form-data">
    <div>
        <label for="userPDF">Choose file to upload</label>
        <input type="file" id="userPDF" name="userPDF" accept=".pdf">
    </div>
    <div>
        <button>Submit</button>
    </div>
    <script>
        var obj = document.createElement('object');
        obj.style.width = '100%';
        obj.style.height = '842pt';
        obj.type = 'application/pdf';
        obj.data = 'data:application/pdf;' + b64;
        document.body.appendChild(obj);

        // Insert a link that allows the user to download the PDF file
        //var link = document.createElement('a');
        // link.innerHTML = 'Download PDF file';
        // link.download = 'file.pdf';
        // link.href = 'data:application/octet-stream;,' + b64;
        // document.body.appendChild(link);
    </script>
</form> -->