@inherits MainLayoutBase

<RadzenDialog />
<RadzenNotification />
<RadzenTooltip />

<RadzenHeader>
    <ChildContent>
        <div class="row justify-content-start align-items-center">
            <div class="col-6 d-flex align-items-center">
                <RadzenSidebarToggle Click="@(args => InvertSideBar())">
                </RadzenSidebarToggle>
                <RadzenLabel Text="WOT Blitz statistics">
                </RadzenLabel>
            </div>
            <div class="col-6 d-flex align-items-center justify-content-end">
                <RadzenSplitButton Click=@(LanguageSelected) Icon="language" Text="@CurrentCultureInfo.NativeName" Style="margin:0 .5rem">
                    <ChildContent>
                        @foreach (var ci in CultureInfos)
                        {
                            <RadzenSplitButtonItem Text="@ci.Value.DisplayName" Value="@ci.Key" />
                        }
                    </ChildContent>
                </RadzenSplitButton>
            </div>
        </div>
    </ChildContent>
</RadzenHeader>
<div style="width:100%">
    <RadzenBody @ref="@Body0" @bind-Expanded="@BodyExpanded">
        <ChildContent>
            <RadzenContentContainer Name="main">
                @Body
            </RadzenContentContainer>
        </ChildContent>
    </RadzenBody>
</div>
<RadzenSidebar @ref="@Sidebar0" @bind-Expanded="@SidebarExpanded">
    <ChildContent>
        <NavMenu CloseSideBar=@InvertSideBar/>
    </ChildContent>
</RadzenSidebar>
<RadzenFooter>
    <ChildContent>
        <RadzenLabel Text=@($"WOT Blitz statistics {@Version} © 2021")>
        </RadzenLabel>
        <RadzenLink Text="DrMboga" Path="https://github.com/DrMboga/WotBlitzStatisticsBlazor" Target="_blank" Style="margin-left:5px;vertical-align:bottom;" />
    </ChildContent>
</RadzenFooter>