@inherits LayoutComponentBase
<MudThemeProvider />
<MudDialogProvider />
<MudSnackbarProvider />

<PageTitle>HeartTrack</PageTitle>

<div class="page">
    <div class="sidebar @NavMenuCssClass" @onclick="ToggleNavMenu">
        <NavMenu />
    </div>

    <main>

        <MudAppBar Color="Color.Primary" Fixed="false">
            <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" @onclick="ToggleNavMenu">
                <span class="navbat-toggler-icon"></span>
            </MudIconButton>
            <MudSpacer />
            <CultureSelector></CultureSelector>
            <MudMenu Icon="@Icons.Material.Filled.AccountCircle" Color="Color.Inherit" Edge="Edge.End">
                <MudMenuItem>Profile</MudMenuItem>
                <MudButton type="button" class="btn btn-link ml-md-auto">Logout</MudButton>
            </MudMenu>
        </MudAppBar>

        <article class="content px-4">
            @Body
        </article>
    </main>
</div>