@inherits LayoutComponentBase
@using Microsoft.AspNetCore.Components.Authorization

<div class="layout">
    <header class="header">
        <a href="/" class="logo">🔧 Forge</a>
        <nav class="nav">
            <AuthorizeView>
                <Authorized>
                    <a href="/repos/new" class="btn-primary">+ New Repo</a>
                </Authorized>
            </AuthorizeView>
        </nav>
        <div class="nav-user-menu">
            <AuthorizeView>
                <Authorized>
                    <div class="avatar-dropdown">
                        <button class="nav-avatar" type="button" title="@context.User.Identity?.Name">
                            @context.User.Identity?.Name?[0].ToString().ToUpper()
                        </button>
                        <div class="avatar-dropdown-content">
                            <span class="dropdown-username">@context.User.Identity?.Name</span>
                            <a href="/settings" class="dropdown-item">Account Settings</a>
                            <form method="post" action="/auth/logout">
                                <AntiforgeryToken />
                                <button type="submit" class="dropdown-item">Log Out</button>
                            </form>
                        </div>
                    </div>
                </Authorized>
                <NotAuthorized>
                    <a href="/login" class="btn-secondary">Log In</a>
                </NotAuthorized>
            </AuthorizeView>
        </div>
    </header>
    <main class="content">
        @Body
    </main>
</div>

<div id="blazor-error-ui" data-nosnippet>
    An unhandled error has occurred.
    <a href="." class="reload">Reload</a>
    <span class="dismiss">🗙</span>
</div>
An unhandled error has occurred. Reload 🗙