@inherits LayoutComponentBase
@using MudBlazor

<MudThemeProvider Theme="@_myCustomTheme" IsDarkMode="true" />
<MudDialogProvider />
<MudSnackbarProvider />
<MudPopoverProvider />

<MudLayout>
    <MudAppBar Elevation="1" Color="Color.Surface">
        <MudLink Href="/" Underline="Underline.None" Color="Color.Primary" Class="d-flex align-center">
            <MudIcon Icon="@Icons.Material.Filled.DataExploration" Size="Size.Large" Class="mr-2" />
            <MudText Typo="Typo.h5" Style="font-weight: 700;">Zahlen-Analyse</MudText>
        </MudLink>
        
        <MudSpacer />
        
        <MudButton Href="/" 
                   StartIcon="@Icons.Material.Filled.Home" 
                   Variant="Variant.Text" 
                   Color="Color.Primary">
            Startseite
        </MudButton>
    </MudAppBar>

    <MudMainContent>
        <MudContainer MaxWidth="MaxWidth.Large" Class="pt-4 pb-8">
            @Body
        </MudContainer>
    </MudMainContent>
</MudLayout>

@code {
    private MudTheme _myCustomTheme = new MudTheme()
    {
        Typography = new Typography()
        {
            Default = new DefaultTypography() { FontFamily = new[] { "Urbanist", "sans-serif" } }
        },
        LayoutProperties = new LayoutProperties()
        {
            DefaultBorderRadius = "0px" 
        }
    };
}

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