<nav
	class="navbar navbar-expand-md navbar-light bg-light rounded-2 my-2 mx-1 p-2"
>
	<div class="container-fluid">
		<a class="navbar-brand" href="/">
			<%=config.owner ? (config.owner + "'s ") : ""%>Problem Portal
		</a>
		<ul class="navbar-nav me-auto mb-2 mb-lg-0 container flex-row-reverse">
			<li class="nav-item mx-1 text-white">
				<%if (user) {%>
				<a
					class="
						nav-link
						bg-primary
						active
						rounded-3
						text-center
						px-3
						text-white
					"
					href="/auth/logout"
				>
					Log Out
				</a>
				<%} else {%>
				<a
					class="
						nav-link
						bg-primary
						active
						rounded-3
						text-center
						px-3
						text-white
					"
					href="/auth/google"
				>
					Log In
				</a>
				<%}%>
			</li>
			<%if (user) {%>
			<li class="nav-item mx-1">
				<a
					class="
						nav-link
						bg-primary
						active
						rounded-3
						text-center
						px-3
						text-white
					"
					href="/dashboard"
				>
					Home
				</a>
			</li>
			<%}%>
			<li class="nav-item p-2 mx-1">
				<%if (user) {%> Logged in as <%= user.username %> <%}%>
			</li>
		</ul>
	</div>
</nav>
