@page "/scarti"

@using MP.Stats.Components
@using MP.Stats.Components

<div class="card">
    <div class="card-header table-primary">
        <div class="row">
            <div class="col-6 col-lg-2 h1">Scarti</div>
            <div class="col-6 col-lg-10">
                <SelectionFilter SelFilter="currFilter" filterChanged="DoFilter"></SelectionFilter>
            </div>
        </div>
    </div>
    <div class="card-body">
        @if (currRecord != null)
        {
        @*<BasketEditor Basket="@currBasket" DataReset="ResetData" DataUpdated="UpdateData"></BasketEditor>*@
        }
        @if (ListRecords == null)
        {
        <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:70%"></div>
        }
        else
        {
        <table class="table table-sm table-striped">
            <thead>
                <tr>
                    <th>Macchina</th>
                    <th>Data</th>
                    <th>ODL/Commessa</th>
                    <th>Articolo</th>
                    <th class="text-right">Descrizione</th>
                    <th class="text-right">Qta</th>
                    <th class="text-right">Operatore</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var record in ListRecords)
                    {
                <tr class="@checkSelect(@record.DataOraRif, @record.IdxMacchina, @record.Causale)">
                    <td>
                        <div>@record.CodMacchina</div>
                        <div class="small">@record.IdxMacchina</div>
                    </td>
                    <td>
                        <div>@record.DataOraRif.ToString("yyyy.MM.dd")</div>
                        <div class="small">@record.DataOraRif.ToString("ddd HH:mm.ss")</div>
                    </td>
                    <td>@record.IdxOdl | @record.KeyRichiesta</td>
                    <td>@record.CodArticolo</td>
                    <td class="text-right">
                        <div class="row">
                            <div class="col">[@record.Causale]</div>
                            <div class="col text-right">@record.Descrizione</div>
                        </div>
                        <div class="small">@record.Note</div>
                    </td>
                    <td class="text-right">@record.Qta</td>
                    <td class="text-right">@record.Cognome @record.Nome (@record.MatrOpr)</td>
                </tr>
                    }
            </tbody>
        </table>
        }
    </div>
    <div class="card-footer py-1">
        <div class="row">
            <div class="col-8 col-lg-10">
            </div>
            <div class="col-4 col-lg-2">
                <DataPager numRecord="@numRecord" numRecordChanged="ForceReload" />
            </div>
        </div>
    </div>
</div>