@inherits LayoutComponentBase

<NavMenu />
<main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg ">
    <div class="container-fluid py-2">
    @Body
    </div>
</main>
<style>
    .bg-gradient-dark {
        background-image: linear-gradient(195deg, #fbfbfb 0%, #fbfbfb 100%);
    }</style>
@* <input type="checkbox" title="Navigation menu" class="navbar-toggler" />

<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
    <nav class="flex-column">
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
                <span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
            </NavLink>
        </div>
    </nav>
</div> *@

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

@inject IJSRuntime JS
@inject NavigationManager Navigation
@code{
        [CascadingParameter] protected Task<AuthenticationState>? AuthStat { get; set; }
    protected override async Task OnInitializedAsync()
    {
        //StepService.OnStateChange += StateHasChanged;
        base.OnInitialized();
        var user = (await AuthStat).User;
        if (!user.Identity.IsAuthenticated)
        {
            Navigation.NavigateTo("/Account/Login", true);
        }
    }
    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            //await JS.InvokeVoidAsync("enableDarkMode");
        }
    }
}