@page "/"
@inject OpenBirchConsole console
@inject IJSRuntime jsRuntime
@inject NavigationManager nav

<PageTitle>Home</PageTitle>

<div class="double_centered_boxes">
    <MudText Align="Align.Center" Typo="Typo.h2">Welcome to<br /><b>OpenBirch!!!</b></MudText>
    <div></div>
    <div style="height: 200px; display: grid; place-items: end center;">
        <MudPaper Style="background-color: #191724; height: 200px;" Elevation="4" Class="input-field pt-0 console-container">
            <div style="height: 100%;" class="reverse-stack-direction overflow-hidden">
                @for (int i = 0; i < console.history.Count; i++)
                {
                    int temp = i;
                    <MudText Align="Align.Start"> @((console.history[temp].source == ConsoleSource.User) ? ">" : "#") @console.history[temp].text</MudText>
                }
            </div>
            <MudTextField Class="" Style="color: #e0def4;" @bind-Value="inputField" OnKeyDown="OnKeyDown" Variant="Variant.Outlined" @onclick='OnInputClicked'></MudTextField>
        </MudPaper>
    </div>
</div>

@code {
    public string inputField = " ";
    public bool hasInteracted = false; // Has the user interacted with the input field?
    private Task AutoTypingTask;

    readonly string[] exampleInputs = { 
        "2+2",
        "69*420+50",
        "sin(2+4)",
        "sqrt(9)",
        "nroot(27, 3)",
        "f(x):=2*x",
        "f(5)",
        "pi",
        "e",
        "myvar := 5",
        "15 + myvar",
        "myfunctionvar := f",
        "myfunctionvar(10)",
        "d/dx x",
        "d/dx x^2",
        "d/dx 69*x^2",
        "d/dx sin(x)*x^2"
    };

    private void print(string e)
    {
        Console.WriteLine(e);
    }

    protected override async Task OnInitializedAsync()
    {
        AutoTypingTask = StartAutoTyping();
    }

    private async void OnInputClicked()
    {
        hasInteracted = true;
        await AutoTypingTask;
        nav.NavigateTo("openbirch");
    }

    async void OnKeyDown(KeyboardEventArgs args)
    {
        if (args.Key == "Enter")
        {
            await Task.Delay(100);
            sendCommand(inputField);
            StateHasChanged();
        }
    }

    private async void sendCommand(string command)
    {
        inputField = "";
        await console.pushCommand(command);
        await InvokeAsync(StateHasChanged);
    }

    const int typingDelay = 200;
    private async Task StartAutoTyping()
    {
        await Task.Delay(1000);

        foreach (string example in exampleInputs)
        {
            foreach (char letter in example)
            {
                inputField += letter;
                await InvokeAsync(StateHasChanged); // Trigger UI update
                await Task.Delay(200); // Non-blocking delay

                // Makes it check if user inputted while waiting
                const int waitTime = 10;
                int waitedTime = 0;
                while (waitedTime < typingDelay)
                {
                    await Task.Delay(waitTime);
                    waitedTime += waitTime;
                    if (!hasInteracted) goto earlyExit;
                }

                inputField = ""; // Clear input and let user input
                await InvokeAsync(StateHasChanged);
                return;

                earlyExit:;
            }

            sendCommand(inputField);
            await Task.Delay(500);
        }
    }
}