<!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">
		
			
      
      <div class="row">
	<div class="col-2">
    <h2><%= classRoom.name %> <small><%= classRoom.code %></small></h2>
    <% if(admin) { %>
	<button class="btn btn-success" onclick="location.href='/add/<%= classRoom.code %>'">Add Assignment</button>
    <% } %>
        </div></div>
        
        <div class="row">
            <div class="container">
              <div class="panel-group">

				<% for(let i=classRoom.assignments.length-1;i>=0;i--) { %>
					<h4>    <div class="panel panel-info">
						<div class="panel-heading"><a href="/classroom/<%= classRoom.code %>/<%= i %>"><%= classRoom.assignments[i].title %></a></div>
						<div class="panel-body">
                            <%= classRoom.assignments[i].description %>
                            <% if(classRoom.assignments[i].fileBuffer){ %>
                                <br>
                                <small><a href="data:application/octet-stream;base64,<%= classRoom.assignments[i].fileBuffer.toString('base64') %>" target="_blank" download = "<%= classRoom.assignments[i].title %>.pdf">Attached File</a></small>
                            <% } %>
                        </div>
						</div></h4>
				<% } %>

				
          
            </div>
    </div>
          
        </div>
   </div>
			</div>
		</div>
	</div>

            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
      
</body>
</html>