@using MP.SPEC.Components
@using MP.SPEC.Data

@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 @onclick="() => resetSel()" class="btn btn-primary btn-sm"><i class="bi bi-arrow-counterclockwise"></i></button>
                        </th>
                        <th><i class="fa-solid fa-file"></i> Articolo</th>
                        <th><i class="fa-solid fa-screwdriver-wrench"></i> Fase</th>
                        <th><i class="fa-solid fa-hard-drive"></i> Macchina</th>
                        <th><i class="fa-solid fa-circle-info"></i> Info ciclo</th>
                        @*<th><i class="fa-solid fa-pen-to-square"></i> Note</th>*@
                        <th title="Attivabile"><i class="fa-regular fa-square-check"></i> Att</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var record in ListRecords)
                    {
                        <tr class="@checkSelect(@record)">
                            <td class="text-nowrap">
                                <button @onclick="() => selRecord(record)" class="btn btn-primary btn-sm" title="Modifica Record"><i class="bi bi-pencil-square"></i></button>
                                <button @onclick="() => cloneRecord(record)" class="btn btn-info btn-sm" title="Duplica Record"><i class="bi bi-clipboard-check"></i></button>
                            </td>
                            <td>
                                @record.CodArticolo
                                <div class="small textConsensed text-secondary">@record.ArticoloNav.DescArticolo</div>
                            </td>
                            <td>
                                <div>
                                    @tradFase(record.KeyRichiesta)
                                </div>
                                @if (record.Note != "")
                                {
                                    <div class="small textConsensed text-secondary badge text-bg-light border border-primary rounded">
                                        <b class="text-dark">Note:</b> @record.Note
                                    </div>
                                }
                            </td>
                            <td>
                                @record.IdxMacchina
                                <div class="small textConsensed text-secondary">@record.MachineNav.Descrizione</div>
                            </td>
                            <td>
                                <div class="small textConsensed"><b>N° pezzi:</b> @record.NumPezzi</div>
                                <div class="small textConsensed"><b>T. Ciclo:</b> @record.Tcassegnato.ToString("N3")</div>
                            </td>
                            @*<td>@record.Note</td>*@
                            <td>
                                @if (@record.Attivabile)
                                {
                                    <i class="fa-regular fa-square-check text-success"></i>
                                }
                                else
                                {
                                    <i class="fa-regular fa-square text-secondary"></i>
                                }
                            </td>
                            <td>
                                @if (POdlDelEnabled(record.IdxOdl))
                                {
                                    <button @onclick="() => deleteRecord(record)" class="btn btn-danger btn-sm"><i class="bi bi-trash-fill"></i></button>
                                }
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
        </div>
    </div>
}