@inherits LayoutComponentBase
@implements IDisposable
@using System.Security.Claims
@inject TrafagSalesExporter.Services.IUiTextService UiText

<MudThemeProvider Theme="_theme" />
<MudPopoverProvider />
<MudDialogProvider />
<MudSnackbarProvider />

<MudLayout>
    <MudAppBar Elevation="1" Color="Color.Primary">
        <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start"
                       OnClick="ToggleDrawer" />
        <MudText Typo="Typo.h6" Class="ml-3 app-title">@T("Trafag Finance/Sales Management Cockpit", "Trafag Finance/Sales Management Cockpit")</MudText>
        <MudSpacer />
        <MudMenu Class="mr-3 language-menu"
                 AnchorOrigin="Origin.BottomRight"
                 TransformOrigin="Origin.TopRight"
                 Dense>
            <ActivatorContent>
                <MudButton Variant="Variant.Outlined"
                           Color="Color.Inherit"
                           Size="Size.Small"
                           StartIcon="@Icons.Material.Filled.Translate"
                           EndIcon="@Icons.Material.Filled.ExpandMore"
                           Class="language-button">
                    @LanguageLabel
                </MudButton>
            </ActivatorContent>
            <ChildContent>
                <MudMenuItem OnClick="@(() => ChangeLanguage("de"))">Deutsch</MudMenuItem>
                <MudMenuItem OnClick="@(() => ChangeLanguage("en"))">English</MudMenuItem>
                <MudMenuItem OnClick="@(() => ChangeLanguage("es"))">Español</MudMenuItem>
                <MudMenuItem OnClick="@(() => ChangeLanguage("it"))">Italiano</MudMenuItem>
                <MudMenuItem OnClick="@(() => ChangeLanguage("hi"))">हिन्दी</MudMenuItem>
            </ChildContent>
        </MudMenu>
        <AuthorizeView>
            <Authorized Context="authState">
                <MudText Typo="Typo.caption" Class="mr-3">@ShortName(authState.User)</MudText>
            </Authorized>
        </AuthorizeView>
        <img src="trafag.jpg" alt="Trafag" class="app-logo" />
    </MudAppBar>

    <MudDrawer @bind-Open="_drawerOpen" Elevation="2" ClipMode="DrawerClipMode.Always">
        <NavMenu />
    </MudDrawer>

    <MudMainContent Class="pa-4" @key="UiText.CurrentLanguage">
        @Body
    </MudMainContent>
</MudLayout>

@code {
    private bool _drawerOpen = true;

    private readonly MudTheme _theme = new()
    {
        PaletteLight = new PaletteLight
        {
            Primary = "#B71C1C",
            Secondary = "#7F1D1D",
            AppbarBackground = "#B71C1C"
        }
    };

    protected override void OnInitialized()
    {
        UiText.Changed += HandleLanguageChanged;
    }

    private void ToggleDrawer() => _drawerOpen = !_drawerOpen;

    private void ChangeLanguage(string language)
    {
        UiText.SetLanguage(language);
    }

    private void HandleLanguageChanged()
    {
        InvokeAsync(StateHasChanged);
    }

    private string LanguageLabel => UiText.CurrentLanguage.ToUpperInvariant();

    private string T(string german, string english) => UiText.Text(german, english);

    private static string ShortName(ClaimsPrincipal user)
    {
        var name = user.Identity?.Name ?? string.Empty;
        var separator = name.LastIndexOf('\\');
        return separator >= 0 && separator < name.Length - 1 ? name[(separator + 1)..] : name;
    }

    public void Dispose()
    {
        UiText.Changed -= HandleLanguageChanged;
    }
}