<!DOCTYPE html>
<html>
<head>
	<title>Classroom</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet"  href="/stylesheets/main.css">
</head>
<body id="grad1">


 <div class="page-wrap">

      <nav class="navbar navbar-default">
        <div class="container">
          <div class="navbar-header">
            <a class="navbar-brand" href="/campgrounds">Classroom</a>
          </div>
          <!--TODO Fix collapse-->
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                
                <% if(!currentUser){ %>
                    <li><a href="/login">Login</a></li>
                    <li><a href="/register">Sign-up</a></li>
               <% }else{ %>
                <li><a href="#">Signed in as <%= currentUser.username %></a></li>
                <li><a href="/logout">Logout</a></li>
               <% } %> 

            </ul>
          </div>
        </div>
      </nav>
</div>      