@using Core.Entities
@using MudBlazor

<MudDialog>
    <TitleContent>
        <MudText Typo="Typo.h6">Event Details</MudText>
    </TitleContent>
    <DialogContent>
        @if (EventOccurrence == null)
        {
            <MudText>No event data available.</MudText>
        }
        else
        {
            <MudStack Spacing="3">
                @if (EventDefinition != null)
                {
                    <div>
                        <MudText Typo="Typo.subtitle2" Color="Color.Secondary">Event</MudText>
                        <MudText Typo="Typo.h6">@EventDefinition.Name</MudText>
                    </div>
                }
                
                <div>
                    <MudText Typo="Typo.subtitle2" Color="Color.Secondary">Occurrence</MudText>
                    <MudText Typo="Typo.body1">@EventOccurrence.Name</MudText>
                </div>
                
                <div>
                    <MudText Typo="Typo.subtitle2" Color="Color.Secondary">Date & Time</MudText>
                    <MudText Typo="Typo.body1">
                        @EventOccurrence.StartTime.ToString("f")
                        @if (EventOccurrence.EndTime.HasValue)
                        {
                            <text> - @EventOccurrence.EndTime.Value.ToString("t")</text>
                        }
                    </MudText>
                </div>
                
                @if (!string.IsNullOrEmpty(EventOccurrence.Location))
                {
                    <div>
                        <MudText Typo="Typo.subtitle2" Color="Color.Secondary">Location</MudText>
                        <MudText Typo="Typo.body1">
                            <MudIcon Icon="@Icons.Material.Filled.LocationOn" Size="Size.Small" Class="mr-1" />
                            @EventOccurrence.Location
                        </MudText>
                    </div>
                }
                
                @if (!string.IsNullOrEmpty(EventOccurrence.Time))
                {
                    <div>
                        <MudText Typo="Typo.subtitle2" Color="Color.Secondary">Time</MudText>
                        <MudText Typo="Typo.body1">@EventOccurrence.Time</MudText>
                    </div>
                }
                
                @if (StudentFirstNames != null && StudentFirstNames.Any())
                {
                    <div>
                        <MudText Typo="Typo.subtitle2" Color="Color.Secondary">Students</MudText>
                        <MudText Typo="Typo.body1">
                            <MudIcon Icon="@Icons.Material.Filled.People" Size="Size.Small" Class="mr-1" />
                            @string.Join(", ", StudentFirstNames)
                        </MudText>
                    </div>
                }
            </MudStack>
        }
    </DialogContent>
</MudDialog>

@code {
    [Parameter] public EventOccurrence? EventOccurrence { get; set; }
    [Parameter] public EventDefinition? EventDefinition { get; set; }
    [Parameter] public List<string>? StudentFirstNames { get; set; }
}