<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Intelligent Storage System</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">        <link rel="stylesheet" href="/stylesheets/app.css">
        <link rel="shortcut icon" type="image/png" href="/media/favicon.png">
    </head>
    <body>
      <div id="page-container">
        <div id="content-wrap">
          <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
              <a class="navbar-brand" href="/REST">Intelligent Storage System</a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                  <li class="nav-item">
                    <a id="home" class="nav-link" href="/">Home</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="/containers/new">New Container</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="/containers/parts/new">New Part</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="/camera">Camera</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="/register">Register New User</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="/users">List Users</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="/logout">Logout</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="/about">About</a>
                  </li>
              </div>
            </nav>
            <div class="container">
                <% if(error && error.length > 0){ %>
                    <div class="alert alert-danger" role="alert">
                        <%= error %>
                    </div>
                <% } %>
                <% if(success && success.length > 0){ %>
                    <div class="alert alert-success" role="alert">
                        <%= success %>
                    </div>
                <% } %>
            </div>