
<link rel="stylesheet" href="<?php echo dir_root; ?>_global/navbar/navbar.css" />

<!-- Navigation Bar -->
<header id="header-desktop">
	<h1>
		<a href="<?php echo dir_root; ?>index.php"><img src="<?php echo dir_root; ?>images/logov1.png" width="200px" style="margin: 11px 0px"></a>
	</h1>

	<nav id="nav-desktop" style="right: unset; left: 18em;">
		<ul>
			<li><a href="<?php echo dir_root; ?>index.php">Home</a></li>
			<li><a href="<?php echo dir_root; ?>research.php">Our Research</a></li>
			<li><a href="<?php echo dir_root; ?>team.php">Team</a></li>
			<li><a href="<?php echo dir_root; ?>contact-us.php">Contact Us</a></li>
		</ul>
	</nav>

	<?php
		$signed_in = isset($_SESSION['user']) ? '' : 'ctm-hide';
		$signed_out = isset($_SESSION['user']) ? 'ctm-hide' : '';
	?>

	<nav id="nav-desktop">
		<ul>
			<!-- only show 'without login' -->
			<li class="<?php echo $signed_out; ?>"><a href="<?php echo dir_root; ?>pre-sign-up.php">Sign-Up</a></li>
			<li class="<?php echo $signed_out; ?>"><a href="<?php echo dir_root; ?>sign-in.php" class="button special" style="text-transform: unset;">Login</a></li>
			<!-- only show 'after login' -->
			<li class="<?php echo $signed_in; ?>"><a href="<?php echo dir_root; ?>account/dashboard.php">Dashboard</a></li>
			<li class="<?php echo $signed_in; ?>"><a href="<?php echo dir_root; ?>account/profile.php"><i class="fas fa-user"></i>  Profile</a></li>
			<li class="<?php echo $signed_in; ?>"><a href="<?php echo dir_root; ?>sign-out.php" class="button special" style="text-transform: unset;">Logout</a></li>
			<!-- <li><a href="<?php echo dir_root; ?>generic.php">Generic</a></li> -->
			<!-- <li><a href="<?php echo dir_root; ?>elements.php">Elements</a></li> -->
		</ul>
	</nav>
</header>
