<div class="container">
    <div class="row mb-2 mt-2 text-center">
        <div class="col-md-4"></div>
        <div  class="col-md-4">
            <h5>Admin Dashboard</h5>
        </div>
        <div class="col-md-4"></div>
    </div>

    <!-- Navbar -->
    <nav class="navbar navbar-expand-md breadcrumb">
        <div class="collapse navbar-collapse" id="navbarCollapse">
          <div class="nav nav-pills">
            <a class="nav-item nav-link ml-1" routerLink="/dashboard/home" routerLinkActive="active" (click)="changeTitle('Home')">
              <i class="fa fa-home"></i>
              Home
            </a>
            <a class="nav-item nav-link ml-1" routerLink="/dashboard/userManagement" routerLinkActive="active" (click)="changeTitle('Users')">
              <i class="fa fa-users"></i>
              Users
            </a>
            <a class="nav-item nav-link ml-1" routerLink="/dashboard/professorManagement" routerLinkActive="active" (click)="changeTitle('Professors')">
              <i class="fa fa-chalkboard-teacher"></i>
              Professors
            </a>
            <a class="nav-item nav-link ml-1" routerLink="/dashboard/blogs" routerLinkActive="active" (click)="changeTitle('Professors')">
              <i class="fa fa-chalkboard-teacher"></i>
              Blogs
            </a>
            <a class="nav-item nav-link ml-1" routerLink="/dashboard/events" routerLinkActive="active" (click)="changeTitle('Professors')">
              <i class="fa fa-chalkboard-teacher"></i>
              Events
            </a>
            <a class="nav-item nav-link ml-3" routerLink="/dashboard/settings" routerLinkActive="active" (click)="changeTitle('Settings')">
              <i class="fa fa-cogs"></i>
              Settings
            </a>
            <a class="nav-item nav-link move-right mr-3" routerLink="/dashboard/profile" routerLinkActive="active" (click)="changeTitle('Profile')">
              Welcome, {{ loggedInUser.firstName }} {{ loggedInUser.lastName }}
              <i class="fa fa-user"></i>
            </a>
            <!-- <a class="nav-item nav-link ml-1" (click)="logout()">
              <i class="fa fa-sign-out-alt"></i>
              Logout
            </a> -->
          </div>
        </div>
      </nav>
      
      

</div>