source: bus-n-go-do-5ta-faza/src/main/resources/templates/fragments/header.html@ baf4cc4

<header xmlns:th="http://www.thymeleaf.org">
  <nav class="navbar navbar-expand-md navbar-dark bg-dark">
    <div class="container">
      <a class="navbar-brand" href="/">Bus & GO</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
              aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
        <ul class="navbar-nav m-auto">
          <li sec:authorize="hasRole('ROLE_PASSENGER')" class="nav-item m-auto">
            <a class="nav-link active" href="/bilet">Bileti</a>
          </li>
          <li sec:authorize="hasAnyRole('ROLE_PASSENGER')" class="nav-item m-auto">
            <a class="nav-link active" href="/vozenje">Vozenja</a>
          </li>
          <li sec:authorize="hasRole('ROLE_PASSENGER')" class="nav-item m-auto">
            <a class="nav-link active" href="/kazna">Kazni</a>
          </li>
          <li sec:authorize="hasAnyRole('ROLE_CONDUCTOR', 'ROLE_DRIVER')" class="nav-item m-auto">
            <a class="nav-link active" href="/instanca-na-linija">Instanci</a>
          </li>
        </ul>


        <form class="form-inline my-2 my-lg-0">
          <div class="input-group input-group-sm">
            <input type="text" class="form-control" aria-label="Small"
                   aria-describedby="inputGroup-sizing-sm"
                   placeholder="Search...">
            <div class="input-group-append">
              <button type="button" class="btn btn-secondary btn-number">
                <i class="fa fa-search"></i>
              </button>
            </div>
          </div>
        </form>
        <ul class="nav navbar-nav navbar-right">

          <li class="nav-item">
            <a class="nav-link" href="#"></a>
          </li>

          <li class="nav-item" sec:authorize="isAuthenticated()">
            <a href="#" class="btn btn-light btn-sm ml-3" sec:authentication="name">
            </a>
          </li>
          <li class="nav-item" sec:authorize="isAuthenticated()">
            <a class="btn btn-light btn-sm ml-3" href="/logout">
              <i class="fa-solid fa-right-from-bracket"></i> Logout
            </a>
          </li>
          <li class="nav-item" sec:authorize="isAnonymous()">
            <a class="btn btn-light btn-sm ml-3" href="/login">
              <i class="fa-solid fa-right-to-bracket"></i> Login
            </a>
          </li>
          <li class="nav-item" sec:authorize="hasRole('ROLE_ADMIN')">
            <a class="btn btn-light btn-sm ml-3" href="/admin">
               Admin Menu
            </a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
</header>