@inherits LayoutComponentBase

<div class="dashboard-shell">
    <header class="app-bar">
        <a class="brand" href="/"><span class="mark">&#9646;</span> MXAccess Gateway</a>
        <nav class="app-nav">
            <NavLink href="/" Match="NavLinkMatch.All">Overview</NavLink>
            <NavLink href="/sessions">Sessions</NavLink>
            <NavLink href="/workers">Workers</NavLink>
            <NavLink href="/events">Events</NavLink>
            <NavLink href="/galaxy">Galaxy</NavLink>
            <NavLink href="/browse">Browse</NavLink>
            <NavLink href="/alarms">Alarms</NavLink>
            <NavLink href="/apikeys">API Keys</NavLink>
            <NavLink href="/settings">Settings</NavLink>
        </nav>
        <span class="spacer"></span>
        <AuthorizeView>
            <Authorized Context="authState">
                <div class="app-user">
                    <span class="meta">@authState.User.Identity?.Name</span>
                    <form method="post" action="/logout">
                        <AntiforgeryToken />
                        <button class="btn btn-outline-secondary btn-sm" type="submit">Sign out</button>
                    </form>
                </div>
            </Authorized>
            <NotAuthorized>
                <a class="btn btn-outline-secondary btn-sm" href="/login">Sign in</a>
            </NotAuthorized>
        </AuthorizeView>
    </header>
    <main class="page">
        @Body
    </main>
</div>