@page "/Export"

@using IgniteUI.Blazor.Controls
@using Microsoft.AspNetCore.Components.Web
@using OI.Metrology.Shared.DataModels

@namespace OI.Metrology.ClientHub.Pages

<PageTitle>Export Data</PageTitle>

<h3>Export Data</h3>

<hr />

<IgbButton>
    <IgbIcon @ref="IconRef" Size="SizableComponentSize.Small" IconName="build" Collection="material" />
    Refresh
</IgbButton>

@if (_TimeSpan is null || _DateRange is null || _ToolTypeNameId is null || _ToolTypeNameIdCollection is null)
{
    <p><em>Loading...</em></p>
}
else
{
    <table id="ExportData">
        <tr>
            <td>
                <MudSelect @bind-Value="_ToolTypeNameId" ToStringFunc="@_ConvertFunc" Label="Tool Type" Placeholder="Please Select" AdornmentColor="Color.Primary">
                    @foreach (ToolTypeNameId toolTypeNameId in _ToolTypeNameIdCollection)
                    {
                        <MudSelectItem Value="@toolTypeNameId" />
                    }
                </MudSelect>
            </td>
            <td>
                <MudDateRangePicker Label="Date Range" @bind-DateRange="_DateRange" />
            </td>
            <td>
                <MudTimePicker Label="Start and End Time" AmPm="true" @bind-Time="_TimeSpan" />
            </td>
            <td>
                <MudButton Variant="Variant.Filled" Color="Color.Info" OnClick="DownloadAsync">Download</MudButton>
            </td>
        </tr>
    </table>
}