@page "/issue-307-focus"
@using RazorConsole.Core.Focus
@inject FocusManager FocusManager

<Rows>
    <Markup Content="@_description"
            Foreground="@Color.Grey70" />
    <Newline />

    <Panel Title="Repro" Border="BoxBorder.Rounded" Expand="true">
        <Rows>
            <Markup Content="Main category" Foreground="@Color.Chartreuse1" />
            <Select TItem="string"
                    @key="_mainSelectKey"
                    Options="@_mainCategories"
                    Value="@_selectedCategory"
                    ValueChanged="@OnMainCategoryChanged"
                    Expand="true" />

            @if (_selectedCategory is not null)
            {
                <Newline />
                <Markup Content="Sub category (expected to receive focus automatically)" Foreground="@Color.Yellow" />
                <Select TItem="string"
                        @key="_subSelectKey"
                    Options="@GetSubCategories()"
                        ValueChanged="@OnSubCategoryChanged"
                        Expand="true" />
            }
        </Rows>
    </Panel>

    <Newline />
    <Markup Content=@($"FocusAsync result: {_focusResultText}") Foreground="@_focusResultColor" />
    <Markup Content=@($"CurrentFocusKey: {FocusManager.CurrentFocusKey ?? "(null)"}") Foreground="@Color.Grey70" />
</Rows>

@code {
    private readonly string[] _mainCategories = ["Settings", "Game"];
    private readonly IReadOnlyDictionary<string, string[]> _subCategoriesByMain = new Dictionary<string, string[]>(StringComparer.OrdinalIgnoreCase)
    {
        ["Settings"] = ["Sound", "Video", "Display", "Exit"],
        ["Game"] = ["Keyboard", "Controller", "Gameplay", "Exit"],
    };
    private readonly string _mainSelectKey = "issue307-main-select";
    private readonly string _subSelectKey = "issue307-sub-select";
    private const string _description = "Issue #307 temporary repro: choose a main category, then focus should jump to the second Select keyed with @key.";

    private string? _selectedCategory;
    private string _focusResultText = "Not attempted yet.";
    private Color _focusResultColor = Color.Grey70;

    private string[] GetSubCategories()
    {
        if (_selectedCategory is not null && _subCategoriesByMain.TryGetValue(_selectedCategory, out var categories))
        {
            return categories;
        }

        return [];
    }

    private async Task OnMainCategoryChanged(string value)
    {
        _selectedCategory = value;
        await InvokeAsync(StateHasChanged).ConfigureAwait(false);

        var focused = await FocusManager.FocusAsync(_subSelectKey).ConfigureAwait(false);
        _focusResultText = focused ? "Success" : "Failed";
        _focusResultColor = focused ? Color.Chartreuse1 : Color.Red;
    }

    private async Task OnSubCategoryChanged(string value)
    {
        if (string.Equals(value, "Exit", StringComparison.OrdinalIgnoreCase))
        {
            _selectedCategory = null;
            var focused = await FocusManager.FocusAsync(_mainSelectKey).ConfigureAwait(false);
            _focusResultText = focused ? "Returned focus to main category." : "Sub category closed, but refocus failed.";
            _focusResultColor = focused ? Color.Chartreuse1 : Color.Red;

            await InvokeAsync(StateHasChanged).ConfigureAwait(false);
        }
    }
}