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

<PageTitle>Teams</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>

<MudDataGrid T="Team" ServerData="ServerReload" @ref="_dataGrid" Filterable="true" RowsPerPage="25">
    <Columns>
        <PropertyColumn Property="@(e => e.Name)" Title="Name" />
        <PropertyColumn Property="@(e => e.Event.Name)" Title="Event" />
        @* <TemplateColumn Title="Name" SortBy="e => e.FirstName" Sortable="true">
            <CellTemplate>
                @context.Item.Name 
                @if (context.Item.OfficerRole != null)
                {
                    <MudChip T="string" Icon="@(AppIcons.OfficerRoleIcon(context.Item.OfficerRole.Value))">@context.Item.OfficerRole</MudChip>
                }
            </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)
                .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
        };
    }
}