@using RobotNet.VDA5050.State

<MudPaper Class="pa-4" Elevation="2">
    <MudText Typo="Typo.h6" Class="mb-3">Edge States</MudText>
    @if (State?.EdgeStates != null && State.EdgeStates.Length > 0)
    {
        <MudTable Items="@State.EdgeStates" T="EdgeState" Hover="true" Dense="true" Height="400px" FixedHeader="true" Elevation="0">
            <HeaderContent>
                <MudTh>Edge ID</MudTh>
                <MudTh>Sequence ID</MudTh>
                <MudTh>Released</MudTh>
                <MudTh>Description</MudTh>
                <MudTh>Trajectory</MudTh>
            </HeaderContent>
            <RowTemplate>
                <MudTd DataLabel="Edge ID">@context.EdgeId</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.EdgeDescription ?? "N/A")
                    </MudText>
                </MudTd>
                <MudTd DataLabel="Trajectory">
                    @if (context.Trajectory != null)
                    {
                        <MudChip T="string" Size="Size.Small" Color="Color.Info">Available</MudChip>
                    }
                    else
                    {
                        <MudText Typo="Typo.body2">N/A</MudText>
                    }
                </MudTd>
            </RowTemplate>
        </MudTable>
    }
    else
    {
        <MudText Typo="Typo.body2" Align="Align.Center">No edge states available</MudText>
    }
</MudPaper>

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

    public void Update(StateMsg? state)
    {
        State = state;
        StateHasChanged();
    }
}