@page "/StatusChecks"


<div class="card">
    <div class="card-header table-primary pb-0 row">
        <div class="col-3">
            <b class="fs-4">Status Checks</b>
        </div>
        <div class="col-6 pt-1">
            <ParetoProgress ParetoData="@ParetoTime" Title="" />
        </div>
        <div class="col-3">
            <div class="input-group">
                <span class="input-group-text">Scadenza (minuti)</span>
                <input type="number" class="form-control" @bind="@timeoutMin" @bind:after="UpdateTable">
            </div>
        </div>
    </div>
    <div class="card-body py-0 px-1">
        <table class="table table-sm table-striped">
            <thead>
                <tr>
                    <th class="text-start">Idx <Sorter ParamName="IdxMacc" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter></th>
                    <th class="text-start">Macchina <Sorter ParamName="Nome" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter></th>
                    <th class="text-start">descr <Sorter ParamName="Descr" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter></th>
                    <th class="text-start">Flux <Sorter ParamName="CodFlux" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter></th>
                    <th class="text-end">Last Event <Sorter ParamName="dtEvento" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter></th>
                    <th class="text-end">Valore <Sorter ParamName="Valore" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach (var record in ListPaged)
                {
                    <tr class="@CheckScadute(record)">
                        <td>@record.IdxMacchina</td>
                        <td>@record.Nome</td>
                        <td>@record.Descrizione</td>
                        <td>@record.CodFlux</td>
                        <td class="text-end">@record.dtEvento</td>
                        <td class="text-end">@record.Valore</td>
                    </tr>
                }
            </tbody>
        </table>
    </div>
    <div class="card-footer py-0 px-1 small">
        <EgwCoreLib.Razor.DataPager currPage="@pageNum" PageSize="@numRecPage" totalCount="@totalCount" numPageChanged="SavePage" numRecordChanged="SaveNumRec" DisplSize="DataPager.ObjSize.small"></EgwCoreLib.Razor.DataPager>
    </div>
</div>