@page "/notes/{NoteId}"
@using Iceshrimp.Frontend.Components
@using Iceshrimp.Frontend.Components.Note
@using Iceshrimp.Frontend.Core.Services
@using Iceshrimp.Shared.Schemas.Web
@inject ApiService            ApiService
@inject IJSRuntime            Js
@inject MessageService MessageService
@implements IDisposable

@if (_init)
{
    <div class="scroller">
        <div class="wrapper">
            <div class="container">
                @if (Ascendants != null)
                {
                    <div class="ascendants">
                        @foreach (var note in Ascendants)
                        {
                            <AscendedNote Note="note"/>
                        }
                    </div>
                }
                <div @ref="RootNoteRef" class="root-note">
                    <Note NoteResponse="RootNote"></Note>
                </div>
                @if (Descendants != null)
                {
                    <div class="descendants">
                        @foreach (var element in Descendants)
                        {
                            <RecursiveNote Note="element" Depth="0" MaxDepth="_depth"/>
                        }
                    </div>
                }
            </div>
        </div>
    </div>
}
else
{
    <div>Loading</div>
}
@if (_error)
{
    <div>This note does not exist!</div>
}

@code {
    [Parameter] public string?              NoteId      { get; set; }
    public             NoteResponse?        RootNote    { get; set; }
    private            IList<NoteResponse>? Descendants { get; set; }
    private            IList<NoteResponse>? Ascendants  { get; set; }
    private            IJSObjectReference?  Module      { get; set; }
    private            ElementReference     RootNoteRef { get; set; }
    private            bool                 _init;
    private            bool                 _error;
    private            int                  _depth = 20;

    protected override async Task OnParametersSetAsync()
    {
        _init = false;
        if (NoteId == null)
        {
            _error = true;
            return;
        }

        RootNote = await ApiService.Notes.GetNote(NoteId);
        if (RootNote == null)
        {
            _error = true;
            return;
        }

        Descendants = await ApiService.Notes.GetNoteDescendants(NoteId, _depth);
        Ascendants  = await ApiService.Notes.GetNoteAscendants(NoteId, default);
        _init       = true;

        StateHasChanged();
    }

    protected override void OnInitialized()
    {
        if (NoteId != null) MessageService.Register(NoteId, OnNoteChanged);
    }

    private void OnNoteChanged(object? _, NoteResponse note)
    {
        var __ = Refresh();
    }

    private async Task Refresh()
    {
        if (NoteId == null) throw new InvalidOperationException("RefreshNote called under impossible circumstances");
        Descendants = await ApiService.Notes.GetNoteDescendants(NoteId, default);
        Ascendants  = await ApiService.Notes.GetNoteAscendants(NoteId, default);
        StateHasChanged();
    }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            Module = await Js.InvokeAsync<IJSObjectReference>("import", "/Pages/SingleNote.razor.js");
        }

        if (_init)
        {
            await (Module ?? throw new InvalidOperationException("JS interop not initialized"))
                .InvokeVoidAsync("ScrollIntoView", RootNoteRef);
        }
    }

    public void Dispose()
    {
        if (NoteId != null) MessageService.Unregister(NoteId, OnNoteChanged);
    }
}