<header class="topbar">
	<nav class="navbar top-navbar navbar-expand-md navbar-dark">
		
		<div class="navbar-collapse">
			<ul class="navbar-nav me-auto">
				<li class="nav-item"> <a class="nav-link nav-toggler d-block d-md-none waves-effect waves-dark" href="javascript:void(0)"><i class="fas fa-bars"></i></a> </li>
				<li class="nav-item"> <a class="nav-link sidebartoggler d-none d-lg-block d-md-block waves-effect waves-dark" href="javascript:void(0)"><i class="fas fa-bars"></i></a> </li>
			</ul>
			<ul class="navbar-nav my-lg-0">
				<li class="nav-item dropdown u-pro">
					<a class="nav-link dropdown-toggle waves-effect waves-dark profile-pic" href="" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						<i class="far fa-user-circle"></i>  <?=session()->get('firstname');?>
					</a>
					<div class="dropdown-menu dropdown-menu-end animated flipInY">
						<a href="javascript:void(0)" class="dropdown-item"><i class="fas fa-user"></i> My Profile</a>
						<div class="dropdown-divider"></div>
						<a href="/users/edit_password/<?=session()->get('userid');?>" class="dropdown-item"
							onclick="window.open(this.href, 'Edit Password','width=800,height=500,toolbar=1,resizable=0'); return false;"><i class="fas fa-key"></i> Edit Password
							</a>
						<div class="dropdown-divider"></div>
						<a href="/auth/logout" class="dropdown-item"><i class="fa fa-power-off"></i> Logout</a>
					</div>
				</li>
			</ul>
		</div>
	</nav>
</header>