@inherits BaseComp

@if (isLoading)
{
    <LoadingData></LoadingData>
}
else
{
    <div class="row my-1">
        <div class="col-10">
        </div>
        <div class="col-2 text-end">
            @if (massEdit)
            {
                <button class="btn btn-sm btn-warning" @onclick="@ButtonMassEdit">@Traduci("modMassiva") <i class="fa-solid fa-ban"></i></button>
            }
            else
            {
                <button class="btn btn-sm btn-primary" @onclick="@ButtonMassEdit">@Traduci("modMassiva") <i class="fa-solid fa-pen"></i></button>
            }
        </div>
    </div>
    @if (massEdit)
    {
        <div class="row mb-2">
            <div class="col-md-2">
                <div class="form-floating">
                    <input type="text" class="form-control form-control-lg text-end" @bind="@defUM">
                    <label class="small bg-opacity-50">@Traduci("unitaMisura")</label>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-floating">
                    <InputDouble CssClass="form-control form-control-lg text-end" Decimals="2" @bind-Value="@totCost"></InputDouble>
                    <label class="small bg-opacity-50">@Traduci("bom_totCosto")</label>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-floating">
                    <InputPercent CssClass="form-control form-control-lg text-end" ForceInvariantParsing="true" Decimals="1" @bind-Value="@defMargin"></InputPercent>
                    <label class="small bg-opacity-50">@Traduci("margine")</label>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-floating">
                    <input type="number" class="form-control form-control-lg text-end" @bind="@defQtyMax">
                    <label class="small bg-opacity-50">@Traduci("articoli_qtyMax")</label>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-floating">
                    <input type="number" class="form-control form-control-lg text-end" @bind="@defRound">
                    <label class="small bg-opacity-50">@Traduci("bom_arrotondamento")</label>
                </div>
            </div>
            <div class="col-md-2">
                @if (showMassEditSave)
                {
                    <button class="btn btn-lg btn-success w-100" @onclick="ForceItemPrice">@Traduci("salva") <i class="fa-solid fa-cloud-arrow-up"></i></button>
                }
                else
                {
                    <button class="btn btn-lg btn-secondary w-100" disabled>@Traduci("salva") <i class="fa-solid fa-cloud-arrow-up"></i></button>
                }
            </div>
        </div>
    }

    <table class="table table-sm table-striped">
        <thead>
            <tr class="table-primary">
                <td>
                    @if (massEdit)
                    {
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" title="@Traduci("bom_selDeselTutti")" @bind="SelAll">
                        </div>
                    }
                </td>
                <td class="text-center"><i class="fa-solid fa-repeat"></i></td>
                <td>@Traduci("bom_classe")</td>
                <td>@Traduci("descrizione")</td>
                @* <td>Cod</td> *@
                @if (ShowVolume)
                {
                    <td class="text-end">@Traduci("bom_vol")</td>
                }
                <td class="text-end"># @Traduci("bom_art")</td>
                <td class="text-end">Mat. Qty</td>
                <td class="text-end">@Traduci("bom_prezzoUnitario")</td>
                <td class="text-end">@Traduci("importo")</td>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in bomPaged)
            {
                @if (EditRecord != null && item.numRow == EditRecord.numRow)
                {
                    <tr class="table-info">
                        <td>@(item.numRow)</td>
                        <td colspan="3">
                            <div class="input-group">
                                <button class="btn btn-sm btn-warning" title="@Traduci("elimina")" @onclick="() => DoCancel()"><i class="fa-solid fa-ban"></i></button>
                                <select @bind="@EditRecord.ItemID" class="form-select">
                                    @foreach (var itemAlt in ListItemAlt)
                                    {
                                        <option value="@itemAlt.ItemID">@itemAlt.Description | @($"{itemAlt.Cost:C2}")</option>
                                    }
                                </select>
                                <button class="btn btn-sm btn-success" title="@Traduci("salva")" @onclick="() => DoSave()"><i class="fa-solid fa-check"></i></button>
                            </div>
                        </td>
                        @if (ShowVolume)
                        {
                            <td class="text-end">@($"{item.Volume:N3}")</td>
                        }
                        <td class="text-end">@($"{item.ItemQty:N0}")</td>
                        <td class="text-end">@($"{item.Qty:N3}")</td>
                        <td class="text-end">@($"{item.PriceEff:C2}")</td>
                        <td class="text-end">@($"{item.TotalCost:C2}")</td>
                    </tr>
                }
                else
                {
                    <tr>
                        <td>
                            <div class="d-flex align-items-center gap-3">
                                <span>@item.numRow</span>
                                @if (massEdit)
                                {
                                    <input class="form-check-input" type="checkbox" role="switch" title="@Traduci("bom_selAggiornaMassivo")" @bind="item.isSelected">
                                }
                            </div>
                        </td>
                        <td class="text-center">
                            @if (item.Price == 0)
                            {
                                <button class="btn btn-sm btn-primary" title="@Traduci("modifica")" @onclick="() => DoEdit(item)"><i class="fa-solid fa-arrow-right-arrow-left"></i></button>
                            }
                        </td>
                        <td>@item.ClassCode</td>
                        <td>@item.ItemCode</td>
                        @* <td>@item.Value.DescriptionCode</td> *@
                        @if (ShowVolume)
                        {
                            <td class="text-end">@($"{item.Volume:N3}")</td>
                        }
                        <td class="text-end">@($"{item.ItemQty:N0}")</td>
                        <td class="text-end">@($"{item.Qty:N3}")</td>
                        <td class="text-end">@($"{item.PriceEff:C2}")</td>
                        <td class="text-end">@($"{item.TotalCost:C2}")</td>
                    </tr>
                }
            }
        </tbody>
        <tfoot>
            @{
                int numCol = ShowVolume ? 9 : 8;
                <tr class="table-primary">
                    <td colspan="4" class="text-start"><b>@BomList.Count</b> materiali</td>
                    @if (ShowVolume)
                    {
                        <td class="text-end">@($"{VolTotale:N3}")</td>
                    }
                    <td class="text-end">@($"{TotItemQty:N0}")</td>
                    <td class="text-end">@($"{QtyTotale:N3}")</td>
                    <td class="text-end">tot:</td>
                    <td class="text-end fw-bold">@($"{ImportoTotale:C2}")</td>
                </tr>
                <tr>
                    <td colspan="@numCol">
                        <EgwCoreLib.Razor.DataPager currPage="@currPage" PageSize="@numRecord" totalCount="@totalCount" numPageChanged="SavePage" numRecordChanged="SaveNumRec"></EgwCoreLib.Razor.DataPager>
                    </td>
                </tr>
            }
        </tfoot>
    </table>
}