@page "/oee"

@using MP.Stats.Components

<div class="card">
    <div class="card-header table-primary p-1">
        <SelectionFilter SelFilter="currFilter" filterChanged="DoFilter" filterReset="ResetFilter" chartVisible="ShowCharts" chartsToggle="ToggleChart" ChartEnabled="true"></SelectionFilter>
    </div>
    <div class="card-body py-0 px-1">
        @if (ShowCharts == true)
        {
            <ChartOEE RawData="SearchRecords"></ChartOEE>
        }
        @if (currRecord != null)
        {
            <DetailOee currRecord="@currRecord"></DetailOee>
        }
        @if (ListRecords == null)
        {
            <LoadingData></LoadingData>
        }
        else if (totalCount == 0)
        {
            <div class="alert alert-warning text-center display-4">Nessun record trovato</div>
        }
        else
        {
            <div class="row">
                <div class="col-12">
                    <table class="table table-sm table-striped">
                        <thead>
                            <tr>
                                @*<th><button class="btn btn-sm btn-primary" @onclick="() => ResetData()"><span class="oi oi-loop-circular"></span></button></th>*@
                                <th>Data</th>
                                <th>Turno</th>
                                <th>Macchina</th>
                                <th>Articolo</th>
                                <th class="text-right">Durata</th>
                                <th class="text-right">Pezzi</th>
                                <th class="text-right">OEE %</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var record in ListRecords)
                            {
                                <tr class="@checkSelect(record.DataRif, record.Turno, @record.IdxMacchina)">

                                    @*<td><button class="btn btn-sm btn-primary" @onclick="() => Select(record)"><span class="oi oi-magnifying-glass"></span></button></td>*@
                                    <td>
                                        <div>@record.DataRif.ToString("yyyy.MM.dd")</div>
                                        <div class="small">@record.DataRif.ToString("dddd")</div>
                                    </td>
                                    <td>@record.Turno</td>
                                    <td>
                                        <div>@record.CodMacchina</div>
                                        <div class="small">@record.IdxMacchina</div>
                                    </td>
                                    <td>@record.CodArticolo</td>
                                    <td class="text-right">@record.TotPeriodo.ToString("N2")</td>
                                    <td class="text-right">@record.TotPz</td>
                                    <td class="text-right">@record.OEE.ToString("P2")</td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
            </div>
        }
    </div>
    <div class="card-footer py-1">
        <DataPager PageSize="numRecord" currPage="currPage" numRecordChanged="ForceReload" numPageChanged="ForceReloadPage" totalCount="totalCount" showLoading="isLoading" />
    </div>
</div>