@inherits LayoutComponentBase

@inject MesaFabApprovalAuthStateProvider authStateProvider
@inject IConfiguration Configuration
@inject IMemoryCache cache
@inject NavigationManager navManager

<MudThemeProvider />
<MudDialogProvider />
<MudSnackbarProvider />
<MudPopoverProvider />

<div style="height: 100vh;">
    <MudLayout>
        <MudAppBar Elevation="1" Color="Color.Info">
            <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())" />
            <MudText Typo="Typo.h5" Class="ml-3">Mesa Fab Approval</MudText>
            @if (authStateProvider.CurrentUser is not null) {
                <MudSpacer />
                <MudText Typo="Typo.h6" Class="mr-3">@authStateProvider.CurrentUser.FirstName @authStateProvider.CurrentUser.LastName</MudText>
                <MudIconButton Variant="Variant.Filled"
                               Color="Color.Tertiary"
                               OnClick=Logout
                               Edge="Edge.End"
                               Icon="@Icons.Material.Filled.Logout" />
            }
        </MudAppBar>
        <MudDrawer @bind-Open="_drawerOpen" ClipMode="DrawerClipMode.Always" Elevation="2">
            <MudNavMenu Color="Color.Info" Bordered="true" Class="d-flex flex-column justify-center p-1 gap-1">
                <MudButton Variant="Variant.Filled"
                           Color="Color.Tertiary"
                           Href="@Configuration["OldFabApprovalUrl"]"
                           Target="_blank"
                           StartIcon="@Icons.Material.Filled.Home">
                    Return to Main Site
                </MudButton>
                <MudDivider Class="my-1" />
                @if (authStateProvider.CurrentUser is not null) {
                    <MudNavGroup Title="Create New">
                        <MudNavLink OnClick="@(() => GoTo("mrb/new"))">Create New MRB</MudNavLink>
                    </MudNavGroup>
                    <MudNavLink OnClick="@(() => GoTo(""))" Icon="@Icons.Material.Filled.Dashboard">Dashboard</MudNavLink>
                    <MudNavLink OnClick="@(() => GoTo("mrb/all"))" Icon="@Icons.Material.Filled.Ballot">MRB List</MudNavLink>
                }
            </MudNavMenu>
        </MudDrawer>
        <div style="display: flex; flex-flow: column; height: 100%;">
            <MudMainContent Style="@($"background:#E0E0E0; flex-grow: 1;")">
                @Body
            </MudMainContent>
        </div>
    </MudLayout>
</div>

@code {
    bool _drawerOpen = true;

    void DrawerToggle() {
        _drawerOpen = !_drawerOpen;
    }

    void Logout() {
        authStateProvider.Logout();
    }

    private void GoTo(string page) {
        DrawerToggle();
        cache.Set("redirectUrl", page);
        navManager.NavigateTo(page);
    }
}