{{/* TODO: delete, once not needed */}}

{{/* "dot" . */}}

<nav
	style="
		margin: 0;
		padding: 1em;
		background-color: #bdf;

		font-size: 1.25em;

		display: flex;
		flex-direction: column;
		align-items: center;
	"
>
	<ul>
		<li>
			<a href="/">
				Home
			</a>
		</li>

	{{/* */}}
	{{- $userID := .dot.Identity.User.UserID }}
	{{- $acct := .dot.Identity.Account }}
	{{- $acctID := 0 }}
	{{- if $acct }}
		{{- $acctID = $acct.AccountID }}
	{{- end }}

	{{- if not $userID }}

		<li>
			<a href="/login">
				Log In / Sign Up
			</a>
		</li>

	{{- else if $acctID }}

		<li>
			<a href="/accounts/{{$acctID}}">
				Account
			</a>
		</li>

		<li>
			<a href="/accounts/{{$acctID}}/reports">
				Reports
			</a>
		</li>

		<li>
			<a href="/accounts/{{$acctID}}/inventory">
				Inventory
			</a>
		</li>

		<li>
			<a href="/logout">
				Log Out
			</a>
		</li>

	{{- end }}
	</ul>
</nav>