@page "/"
@using BlazorProject.Shared
@using Syncfusion.Blazor.Grids

@if (Employees != null)
{
    <SfGrid DataSource="@Employees" AllowPaging="true">
        <GridPageSettings PageSize="10" PageCount="5" PageSizes="@pageSizes"></GridPageSettings>
        <GridColumns>
            <GridColumn Field=@nameof(Employee.EmployeeId) HeaderText="ID"></GridColumn>
            <GridColumn Field=@nameof(Employee.FirstName) HeaderText="First Name"></GridColumn>
            <GridColumn Field=@nameof(Employee.LastName) HeaderText=" Last Name"></GridColumn>
            <GridColumn Field=@nameof(Employee.Email) HeaderText="Email"></GridColumn>
            <GridColumn Field=@nameof(Employee.DepartmentId) HeaderText="Department"></GridColumn>
        </GridColumns>
    </SfGrid>
}

@code{
    private object[] pageSizes = new object[] { "All", 5, 10, 15, 20 };

    public List<Employee> Employees { get; set; } = null;

    [Inject]
    public IEmployeeService EmployeeService { get; set; }

    protected override async Task OnInitializedAsync()
    {
        Employees = (await EmployeeService.GetEmployees()).Items.ToList();
    }
}