@inherits LayoutComponentBase
@using DeepDrftShared.Client.Common

<MudThemeProvider IsDarkMode="false" Theme="@DeepDrftPalettes.Cms" />
<MudPopoverProvider />

<MudLayout>
    <MudAppBar Dense="true" Elevation="1" Color="Color.Primary">
        <a href="/" class="mx-2">
            <MudStack Row AlignItems="AlignItems.Center">
                <MudImage Src="img/deepdrft-logo-l.webp" 
                          Alt="Deep Drft Ornamental Logo Left"
                          Width="24"
                          Height="24 "
                          Style="filter: invert(1);"/>
                
                <MudText Typo="Typo.button" Style="color: var(--deepdrft-white);">Deep DRFT Management</MudText>
                
                <MudImage Src="img/deepdrft-logo-r.webp" 
                          Alt="Deep Drft Ornamental Logo Right"
                          Width="24"
                          Height="24"
                          Style="filter: invert(1);"/>
            </MudStack>
        </a>
    </MudAppBar>
    <MudMainContent>
        <MudContainer MaxWidth="MaxWidth.Small"
                      Class="d-flex flex-column justify-center align-center"
                      Style="min-height: calc(100vh - 48px);">
            @Body
        </MudContainer>
    </MudMainContent>
</MudLayout>

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