@using MP.MONO.Data
@using MP.MONO.UI.Components
@using MP.MONO.Core.DTO
@using MP.MONO.UI.Data

@inject CurrentDataService MMDataService


<div class="card">
    <div class="card-header bg-primary text-light">
        <div class="d-flex justify-content-between">
            <div class="px-2">
                <h5>Task history</h5>
            </div>
            <div class="px-2">
                <button class="btn btn-warning btn-sm" @onclick="() => CloseDet()" title="Close History">Close <i class="bi bi-x-circle"></i></button>
            </div>
        </div>
    </div>
    <div class="card-body">
        @if (ListRecords == null)
        {
            <LoadingData></LoadingData>
        }
        else if (totalCount == 0)
        {
            <div class="alert alert-warning text-center display-4">No record found</div>
        }
        else
        {
            <div class="border border-primary rounded">
                <div class="d-flex justify-content-between">
                    <div class="px-2">
                        <b>@currParentRec.ExtIdx</b>
                    </div>
                    <div class="px-2">
                        <b>Job Description</b> @currParentRec.JobDescription
                    </div>
                </div>
                <div class="d-flex justify-content-between">
                    <div class="px-2">
                        <b>Topic</b>: @currParentRec.TopicNav.Description
                    </div>
                    <div class="px-2">
                        <b>Machine Group</b>: @currParentRec.MachGroupNav.Description
                    </div>
                    <div class="px-2">
                        <b>Team in Charge</b>: @currParentRec.UserTeamNav.Description
                    </div>
                </div>
                <div class="d-flex justify-content-between">
                    <div class="px-2">
                        <b>Counter Var</b>: @currParentRec.CounterNav.Description
                    </div>
                    <div class="px-2">
                        <b>Expyre (H)</b>: @currParentRec.ExpiryVal
                    </div>
                </div>
            </div>
            <table class="table table-sm table-striped table-responsive-lg small">
                <thead>
                    <tr>
                        <th>Operator</th>
                        <th>Execution</th>
                        <th title="Elapsed/ Prev" class="text-end">Hours</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var record in ListRecords)
                    {
                        <tr>
                            <td>@record.UserCode</td>
                            <td>
                                @record.DtExecution.ToString("yyyy-MM-dd HH:mm:ss")
                            </td>
                            <td class="text-end" title="Elapsed / Programmed">
                                <div><b>@record.ElapsedVal.ToString("N0")</b>/@record.ExpiryVal</div>
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
        }
    </div>
    <div class="card-footer py-0">
        <DataPager PageSize="numRecord" currPage="currPage" numRecordChanged="ForceReload" numPageChanged="ForceReloadPage" totalCount="totalCount" showLoading="isLoading" />
    </div>
</div>