@page "/RunInfo/{Model?}"

@using Microsoft.AspNetCore.Components.Web

@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">
        <input class="btn btn-primary" type="button" value="Load Headers" id="LoadHeadersButton" />
    </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">
        <input type="button" class="btn" id="GetDataButton" value="Get Data" disabled />
    </div>
    <div class="col-xs-1">
        <input type="button" class="btn" id="ReviewButton" value="Review" disabled />
    </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>
        <input type="button" value="Send to OpenInsight" id="OIExportButton" />
        <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>