@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">
        <h5>Preventive/Programmed Maintenance's Task</h5>
    </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
        {
            <table class="table table-sm table-striped table-responsive-lg small">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Topic</th>
                        <th>Machine Group</th>
                        <th>Expyre (H)</th>
                        <th>Team in Charge</th>
                        <th>Counter Var</th>
                        <th>Job Description</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var record in ListRecords)
                    {
                        <tr>
                            <td class="text-nowrap">
                                @record.ExtIdx
                            </td>
                            <td>@record.TopicNav.Description</td>
                            <td>@record.MachGroupNav.Description</td>
                            <td>@record.ExpiryVal</td>
                            <td>@record.UserTeamNav.Description</td>
                            <td>@record.CounterNav.Description</td>
                            <td>@record.JobDescription</td>
                            <td>
                                @*..buttons...*@
                            </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>