<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div class="container-fluid">
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample08" aria-controls="navbarsExample08" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse justify-content-md-center" id="navbarsExample08">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link active" aria-current="page" href="#">Nidobyte</a>
          </li>
	  {% if current_user %}
          <li class="nav-item dropdown">
		  <a class="nav-link dropdown-toggle" href="#" id="dropdown08" data-bs-toggle="dropdown" aria-expanded="false">{{ current_user.name }}</a>
            <ul class="dropdown-menu" aria-labelledby="dropdown08">
              <li><a class="dropdown-item" href="/users/sign_out">Sign out</a></li>
            </ul>
          </li>
	  {% else %}
            <li class="nav-item"><a class="nav-link" href="/users/new">Sign up</a></li>
            <li class="nav-item"><a class="nav-link" href="/users/sign_in">Sign in</a></li>
	  {% endif %}
        </ul>
      </div>
    </div>
</nav>