<header class="border-bottom border-2 border-primary-subtle">
  <div class="container">
    <nav class="navbar navbar-expand">
      <h2>APIs App</h2>
      <div class="navbar-nav ms-auto">
        <a class="nav-link fs-5 me-3" href="/" aria-current="page">Home</a>
        <% if (isLoggedIn) { %>
          <a class="nav-link fs-5 me-3" href="/weather">Weather</a>
          <a class="nav-link fs-5 me-3" href="/cats">Cats</a>
          <a class="nav-link fs-5 me-3" href="/dictionary">Dictionary</a>
          <% if (isAdmin) { %>
            <a class="nav-link fs-5 me-3" href="/admin"><i>Admin</i></a>
          <% } %>
          <a class="nav-link fs-5 me-3" href="/profile">Profile</a>
        <% } %>
        <% if (!isLoggedIn) { %>
          <a class="nav-link fs-5 me-3" href="/login">Log In</a>
        <% } %>
      </div>
    </nav>
  </div>
</header>
