@inherits LayoutComponentBase

<MudThemeProvider @ref="@MudThemeProvider" @bind-IsDarkMode="@IsDarkMode"/>
<MudDialogProvider/>
<MudSnackbarProvider/>

<MudLayout>
    <MudAppBar Elevation="0" Dense="true">
        <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" 
                       OnClick="@DrawerToggle"/>
        <MudSpacer/>
        <MudTooltip Duration="1000" Text="Powered by MudBlazor">
            <MudIconButton Icon="@Icons.Custom.Brands.MudBlazor" Color="Color.Inherit" 
                           Link="https://mudblazor.com/" Target="_blank"/>
        </MudTooltip>
        <MudTooltip Duration="1000" Text="Github Repository">
            <MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" 
                           Link="https://github.com/asesidaa/GC-local-server-rewrite/" Target="_blank"/>
        </MudTooltip>
        <MudTooltip Duration="1000" Text="@(IsDarkMode ? "Switch to Light Mode" : "Switch to DarkMode")">
                    <MudToggleIconButton @bind-Toggled="@IsDarkMode"
                                         Icon="@Icons.Material.Outlined.DarkMode" Color="Color.Inherit"
                                         ToggledIcon="@Icons.Material.Filled.LightMode"/>
        </MudTooltip>
    </MudAppBar>
    <MudDrawer @bind-Open="drawerOpen" Elevation="1">
        <MudDrawerHeader>
            <MudText Typo="Typo.h6">GC Local Server WebUI</MudText>
        </MudDrawerHeader>
        <NavMenu/>
    </MudDrawer>
    <MudMainContent>
        <MudContainer MaxWidth="MaxWidth.Large" Class="my-16 pt-16">
            @Body
        </MudContainer>
    </MudMainContent>
</MudLayout>