@page "/teams"
@using Microsoft.EntityFrameworkCore
@using WebApp.Models
@inject AppDbContext Context

<PageTitle>TimeSlots</PageTitle>

<MudText Typo="Typo.h3">Teams</MudText>

<MudButton StartIcon="@Icons.Material.Filled.Create" Href="teams/create">Create New</MudButton>
<MudButton StartIcon="@Icons.Material.Filled.Assignment" Href="teams/assignment">Assignment</MudButton>
<MudButton StartIcon="@Icons.Material.Filled.Print" Href="teams/printout">Printout</MudButton>

<MudDataGrid T="Team" ServerData="ServerReload" @ref="_dataGrid" Filterable="true" RowsPerPage="35">
    <Columns>
        <PropertyColumn Property="@(e => e.ToString())" Title="Event" />

        <TemplateColumn Title="Students">
            <CellTemplate>
                @foreach (var student in
                          context.Item.Students
                              .OrderBy(e =>
                                  e.EventRankings
                                .Find(er => er.EventDefinition == context.Item.Event)?.Rank ?? 10)
                              .ThenBy(s => s.Grade + s.TsaYear))
                {
                    var eventRank = 
                        student.EventRankings
                        .Find(e => e.EventDefinition == context.Item.Event)?.Rank;
                    var color = AppIcons.RankedEventColor(eventRank ?? 0);

                    <MudPaper Class="d-inline-flex pa-2 mx-2 my-1" Style="@($"background:{color};")">
                        @student.FirstName
                    </MudPaper>
                }
            </CellTemplate>
        </TemplateColumn> 
        @* <TemplateColumn Title="Grade (TSA Year)" SortBy="e => e.Grade" Sortable="true">
            <CellTemplate>
                @context.Item.Grade (@context.Item.TsaYear)
            </CellTemplate>
        </TemplateColumn> *@
        <TemplateColumn>
            <CellTemplate>
                <MudStack Row>
                    <MudButtonGroup Size="Size.Small">
                        <MudTooltip Text="Details">
                            <MudIconButton Href="@($"/teams/details?id={context.Item.Id}")" Icon="@Icons.Material.Filled.Description">Details</MudIconButton>
                        </MudTooltip>
                        <MudTooltip Text="Edit">
                            <MudIconButton Href="@($"/teams/edit?id={context.Item.Id}")" Icon="@Icons.Material.Filled.Edit">Edit</MudIconButton>
                        </MudTooltip>
                        <MudTooltip Text="Delete">
                        <MudIconButton Href="@($"/teams/delete?id={context.Item.Id}")" Icon="@Icons.Material.Filled.Delete" Color="@Color.Warning">Delete</MudIconButton>
                        </MudTooltip>
                    </MudButtonGroup>
                </MudStack>
            </CellTemplate>
        </TemplateColumn>
    </Columns>
    <PagerContent>
        <MudDataGridPager T="Student"></MudDataGridPager>
    </PagerContent>
</MudDataGrid>

@code {
    MudDataGrid<Team> _dataGrid = null!;

    private async Task<GridData<Team>> ServerReload(GridState<Team> state)
    {
        var query 
            = Context.Teams
                .Include(e => e.Event)
                .Include(e => e.Students)
                .ThenInclude(e => e.EventRankings)
                .OrderBy(e => e.Event.Name)
                .ThenBy(e => e.Number)
                .Where(state.FilterDefinitions)
                .OrderBy(state.SortDefinitions);

        var totalItems = await query.CountAsync();
        var pagedData = await query.Skip(state.Page * state.PageSize).Take(state.PageSize).ToArrayAsync();

        return new GridData<Team>
        {
            TotalItems = totalItems,
            Items = pagedData
        };
    }
}