@using AyCode.Core
@using FruitBank.Common.Models
@inject LoggedInModel LoggedInModel

<div class="top-row ps-3 navbar navbar-dark">
	<div class="container-fluid">
		<a class="navbar-brand" href="">FruitBank Measuring</a>
	</div>
</div>

<input type="checkbox" title="Navigation menu" class="navbar-toggler" />

<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
	<nav class="flex-column">
		@if (LoggedInModel.IsLoggedIn)// || AcDomain.IsDeveloperVersion)
		{
			<div class="nav-item px-3">
				<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
					<span class="icon home-icon" aria-hidden="true"></span> Kezdőlap
				</NavLink>
			</div>
			<div class="nav-item px-3">
				<NavLink class="nav-link" href="MeasuringIn">
					<span class="icon counter-icon" aria-hidden="true"></span> Bejövő mérés
				</NavLink>
			</div>
			<div class="nav-item px-3">
				<NavLink class="nav-link" href="MeasuringOut">
					<span class="icon counter-icon" aria-hidden="true"></span> Kimenő mérés
				</NavLink>
			</div>
		}
		else
		{
			<div class="nav-item px-3">
				<NavLink class="nav-link" href="Login">
					<span class="icon weather-icon" aria-hidden="true"></span> Bejelentkezés
				</NavLink>
			</div>
		}
	</nav>
</div>

@code 
{
	public void RefreshNavMenu()
	{
		StateHasChanged();
	}
}