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

<PageTitle>Students - TSA Chapter Organizer</PageTitle>

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

<MudButton StartIcon="@Icons.Material.Filled.Create" Href="students/create">Create New</MudButton>
<MudButton StartIcon="@AppIcons.EventRank" Href="students/event-ranking">Event Rankings</MudButton>

<MudDataGrid T="Student" ServerData="ServerReload" @ref="_dataGrid" Filterable="true" RowsPerPage="25">
    <Columns>
        @* <PropertyColumn Property="@(e => e.Name)" Title="First Name" SortBy="e => e.FirstName" /> *@
        <TemplateColumn Title="Name" SortBy="e => e.LastName" Sortable="true" >
            <CellTemplate>
                @context.Item.LastNameFirstName 
                @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="@($"/students/details?id={context.Item.Id}")" Icon="@Icons.Material.Filled.Description">Details</MudIconButton>
                        </MudTooltip>
                        <MudTooltip Text="Edit">
                            <MudIconButton Href="@($"/students/edit?id={context.Item.Id}")" Icon="@Icons.Material.Filled.Edit">Edit</MudIconButton>
                        </MudTooltip>
                        <MudTooltip Text="Delete">
                        <MudIconButton Href="@($"/students/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<Student> _dataGrid = null!;

    private async Task<GridData<Student>> ServerReload(GridState<Student> state)
    {

        var query = 
            Context.Students.OrderBy(e => e.LastName)
                .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<Student>
        {
            TotalItems = totalItems,
            Items = pagedData
        };
    }
}