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

@inject IJSRuntime JS
@inject OptionLayout Options

<div class="w-100 h-100 d-flex flex-column overflow-hidden">
    <div class="d-flex flex-row justify-content-between position-relative" style="height: 50px; background-color: #233871">
        <div class="h-100 d-flex align-items-center" onclick="robotnet.components.toggleSidebar()">
            <img class="ms-1" src="_content/RobotNet10.Components/images/logoLight.svg" alt="PhenikaaX" style="height: 35px;" />
        </div>
        <div class="w-100 h-100 position-absolute pe-none">
            <div class="h-100 mx-auto pe-none" style="width: fit-content;">
                <div class="h-100 d-flex align-items-center">
                    <span class="text-white" style="font-size: 36px;">
                        @Options.AppName
                    </span>
                </div>
            </div>
        </div>
        <AuthorizeView>
            <Authorized>
                <div class="d-flex flex-row align-items-center">
                    <div>
                        <span class="mdi mdi-account mdi-36px text-white "></span>
                    </div>
                    <MudText Class="text-white name" Typo="Typo.subtitle1">@context.User.Identity?.Name</MudText>
                    <MudSpacer />
                    <form action="Account/Logout" method="post">
                        <AntiforgeryToken />
                        <input type="hidden" name="returnUrl" value="" />
                        <MudIconButton Class="text-white" ButtonType="@ButtonType.Submit" Icon="@Icons.Material.Filled.Logout" />
                    </form>
                </div>
            </Authorized>
        </AuthorizeView>
    </div>
    <div class="w-100 flex-grow-1 d-flex flex-row">
        <NavMenu />
        <main>
            <div>
                @Body
            </div>
        </main>
    </div>
</div>

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