@page "/RunInfo/{Model?}"

@using Microsoft.AspNetCore.Components.Web
@using MudBlazor

@namespace OI.Metrology.ClientHub.Pages

<PageTitle>Run Info</PageTitle>

<h4>Run Information</h4>

<form class="form-inline mb-4">
    <div class="form-group">
        <label for="ToolType">Tool Type</label>
        <div class="form-control" id="ToolType"></div>
    </div>
    <div class="form-group">
        <label for="StartDate">Start Time</label>
        <div class="form-control mb-2 mr-sm-2" id="StartDate"></div>
        <div class="form-control mb-2 mr-sm-2" id="StartTime"></div>
    </div>
    <div class="form-group">
        <label for="EndDate">End Time</label>
        <div class="form-control mb-2 mr-sm-2" id="EndDate"></div>
        <div class="form-control mb-2 mr-sm-2" id="EndTime"></div>
    </div>&nbsp;&nbsp;
    <div class="form-group">
        <MudButton Variant="Variant.Filled" Color="Color.Info" id="LoadHeadersButton">Load Headers</MudButton>
    </div>&nbsp;&nbsp;
    <div class="form-group">
        <label class="form-check-label" for="chkAutoRefresh">
            Auto-Refresh
        </label>
        <input class="form-check-input" type="checkbox" id="chkAutoRefresh">
    </div>
</form>

<div style="height: 300px;" id="HeaderGridDiv">
    <span id="ToolTypeID" hidden></span>
    <table id="HeaderGrid"></table>
</div>

<div class="row" style="margin-top: 10px; margin-bottom: 20px;">
    <div class="col-xs-1">
        <MudButton Variant="Variant.Filled" Color="Color.Info" id="GetDataButton" Disabled="true">Get Data</MudButton>
    </div>
    <div class="col-xs-1">
        <MudButton Variant="Variant.Filled" Color="Color.Secondary" id="ReviewButton" Disabled="true">Review</MudButton>
    </div>
</div>

<div id="DetailsDiv" hidden>

    <span id="HeaderId" hidden></span>
    <span id="HeaderAttachmentId" hidden></span>
    <div style="padding-bottom: 20px;" id="DetailsGridDiv">
        <table id="DetailsGrid"></table>
    </div>

    <div id="ExportDiv" style="margin-top: 10px;" hidden>
        <MudButton Variant="Variant.Filled" Color="Color.Warning" id="OIExportButton">Send to OpenInsight</MudButton>
        <span id="OIExportResult" style="margin-left: 10px; font-weight: bold; color: #366b02;"></span>
    </div>

    <p style="text-align: center; margin-top: 20px;">
        <iframe id="DataAttachmentFrame" style="height:900px; border-width:thin; margin-right: 10px;" hidden></iframe>
        <iframe id="HeaderAttachmentFrame" style="height:900px; border-width:thin;" hidden></iframe>
    </p>

</div>