<html>
<head>
  <title>Passport Demo</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
        integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
          integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
          crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
          integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut"
          crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"
          integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k"
          crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-light bg-success">
  <a class="text-white navbar-brand" href="">Gluu Passport Demo</a>

  <a href="/" class="btn btn-primary">Home</a>
  <a href="/profile" class="btn btn-primary">Profile</a>
  <% if(user) { %>
  <a href="/auth/logout" class="btn btn-primary">Logout</a>
  <% } else { %>
  <a href="/auth/login" class="btn btn-primary">Login</a>
  <% } %>
</nav>
<div class="container">
  <br/>
  <h1>Hi <%= user.name %>, Welcome to Gluu</h1>
  <h3>id: <%= user.id%></h3>
</div>
</body>
</html>
