@page "/fetchServiceShoporders"
@using Expose.MyIT.Shared
@using Expose.MyIT.Shared.ViewModels

<PageTitle>Service-Shop Orders</PageTitle>

<MudText Typo="Typo.h3" GutterBottom="true">Service-Shop Orders</MudText>
@if (_ServiceShopOrders == null)
{
    <MudProgressCircular Color="Color.Default" Indeterminate="true" />
}
else
{
    <MudTable Items="_ServiceShopOrders" Hover="true" SortLabel="Sort By" Elevation="0">
        <HeaderContent>
            <MudTh><MudTableSortLabel InitialDirection="SortDirection.Ascending" SortBy="new Func<ServiceShopOrder, object>(x=>x.CreatedDate)">CreatedDate</MudTableSortLabel></MudTh>
        </HeaderContent>
        <RowTemplate>
            <MudTd DataLabel="Id">@context.Id</MudTd>
            <MudTd DataLabel="Name">@context.Name</MudTd>
            <MudTd DataLabel="BookingNames">@context.BookingNames</MudTd>
            <MudTd DataLabel="Type">@context.Type</MudTd>
            <MudTd DataLabel="State">@context.State</MudTd>
            <MudTd DataLabel="ItemNumber">@context.ItemNumber</MudTd>
            <MudTd DataLabel="CreatedDate">@context.CreatedDate</MudTd>
            <MudTd DataLabel="DecidedDate">@context.DecidedDate</MudTd>
            <MudTd DataLabel="Recipient">@context.Recipient</MudTd>
            <MudTd DataLabel="Requestor">@context.Requestor</MudTd>
        </RowTemplate>
        <PagerContent>
            <MudTablePager PageSizeOptions="new int[]{50, 100}" />
        </PagerContent>
    </MudTable>
}