@using RobotNet.VDA5050.State

<MudPaper Class="pa-4" Elevation="2">
    <MudText Typo="Typo.h6" Class="mb-3">Node States</MudText>
    @if (State?.NodeStates != null && State.NodeStates.Length > 0)
    {
        <MudTable Items="@State.NodeStates" T="NodeState" Hover="true" Dense="true" Height="400px" FixedHeader="true" Elevation="0">
            <HeaderContent>
                <MudTh>Node ID</MudTh>
                <MudTh>Sequence ID</MudTh>
                <MudTh>Released</MudTh>
                <MudTh>Description</MudTh>
                <MudTh>Position</MudTh>
            </HeaderContent>
            <RowTemplate>
                <MudTd DataLabel="Node ID">@context.NodeId</MudTd>
                <MudTd DataLabel="Sequence ID">@context.SequenceId</MudTd>
                <MudTd DataLabel="Released">
                    @if (context.Released)
                    {
                        <MudChip T="string" Size="Size.Small" Color="Color.Success">Yes</MudChip>
                    }
                    else
                    {
                        <MudChip T="string" Size="Size.Small" Color="Color.Warning">No</MudChip>
                    }
                </MudTd>
                <MudTd DataLabel="Description">
                    <MudText Typo="Typo.body2" Style="max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
                        @(context.NodeDescription ?? "N/A")
                    </MudText>
                </MudTd>
                <MudTd DataLabel="Position">
                    @if (context.NodePosition != null)
                    {
                        <MudText Typo="Typo.body2">
                            @($"({context.NodePosition.X:F2}, {context.NodePosition.Y:F2})")
                        </MudText>
                    }
                    else
                    {
                        <MudText Typo="Typo.body2">N/A</MudText>
                    }
                </MudTd>
            </RowTemplate>
        </MudTable>
    }
    else
    {
        <MudText Typo="Typo.body2" Align="Align.Center">No node states available</MudText>
    }
</MudPaper>

    @code {
    public StateMsg? State { get; set; }

    public void Update(StateMsg? state)
    {
        State = state;
        Console.WriteLine($"Update node state: {State?.NodeStates.Length}");
        StateHasChanged();
    }
}