@page "/RunHeaders"
@using OI.Metrology.Shared.DataModels

<PageTitle>Run Headers</PageTitle>

<MudText Typo="Typo.h4" GutterBottom="true">Run Headers</MudText>
@if (_ToolTypeNameIdCollection is null || !_ToolTypeNameIdCollection.Any())
{
    <MudProgressCircular Color="Color.Default" Indeterminate="true" />
}
else
{
    <MudSelect Margin="Margin.Dense" T="string" Label="Coffee" Variant="Variant.Outlined">
        @foreach (ToolTypeNameId toolTypeNameId in _ToolTypeNameIdCollection)
        {
            <MudSelectItem Value="@toolTypeNameId.ID">@toolTypeNameId.ToolTypeName</MudSelectItem>
        }
    </MudSelect>
    <MudTable Items="_Records" Hover="true" SortLabel="Sort By" Elevation="0">
        <HeaderContent>
            <MudTh>
                <MudTableSortLabel
                SortBy="new Func<OI.Metrology.Shared.DataModels.AwaitingDisposition, string?>(x=>x.ToolType)">ToolType
                </MudTableSortLabel>
            </MudTh>
            <MudTh>
                <MudTableSortLabel
                SortBy="new Func<OI.Metrology.Shared.DataModels.AwaitingDisposition, object>(x=>x.Expiration)">
                    Expiration</MudTableSortLabel>
            </MudTh>
        </HeaderContent>
        <RowTemplate>
            <MudTd DataLabel="ToolType">@context.ToolType</MudTd>
            <MudTd DataLabel="Expiration">@context.Expiration</MudTd>
        </RowTemplate>
        <PagerContent>
            <MudTablePager PageSizeOptions="new int[]{50, 100}" />
        </PagerContent>
    </MudTable>
    <div class="row" style="margin-top: 10px; margin-bottom: 20px;">
        <div class="col-xs-1">
            <input type="button" id="OpenButton" value="Open" />
        </div>
        <div class="col-xs-1">
            <input type="button" id="RefreshButton" value="Refresh" />
        </div>
    </div>
}