@if (EditRecord != null && (CurrEditMode == EditMode.SerStruc || CurrEditMode == EditMode.File))
{
    if (EditRecord.Envir == EgwMultiEngineManager.Data.Constants.EXECENVIRONMENTS.WINDOW || CurrEditMode == EditMode.SerStruc)
    {
        <WebWindowComplex.TableComp ListPayload="SetupList"
                                    LiveData="CurrData"
                                    EC_ActionReq="DoAction"
                                    EC_DoUpdate="ExecRequest"
                                    EC_OnClose="CloseEditJwd">
        </WebWindowComplex.TableComp>
    }
    else
    {
        @* <BtlPreview CurrItem="EditRecord"
                    ApiUrl="@apiUrl"
                    CalcTag="@calcTag"
                    GenericBasePath="@genericBasePath"
                    ImgBasePath="@imgBasePath"
                    EC_ReqSave="SaveFile"
                    EC_OnClose="CloseEdit">
        </BtlPreview> *@
        <h2>da sistemare BtlPreview da ordine</h2>
    }
}
else
{
    <div class="card shadow">
        <div class="card-header bg-success bg-opacity-50 bg-gradient d-flex justify-content-between">
            <div class="px-0 d-flex">
                <div class="px-1">
                    <button class="btn btn-sm btn-success" @onclick="() => ForceReloadData()">Prodotto <i class="fa-solid fa-plus"></i></button>
                </div>
                <div class="px-1">
                    <button class="btn btn-sm btn-success" @onclick="() => DoAddNote()">Nota <i class="fa-solid fa-plus"></i></button>
                </div>
                <div class="px-1">
                    <button class="btn btn-sm btn-success" @onclick="() => ForceReloadData()">Articolo (buy) <i class="fa-solid fa-plus"></i></button>
                </div>
            </div>
            <div class="px-0 text-center fs-4">
                Dettaglio Offerta
            </div>
            <div class="px-0 d-flex justify-content-end">
                @if (DisplayMode == EgwCoreLib.Lux.Core.Enums.DisplayMode.Edit)
                {
                    <div class="px-1">
                        <button class="btn btn-sm btn-primary" @onclick="() => OfferForceParameters()">Forza Parametri <i class="fa-solid fa-hammer"></i></button>
                    </div>
                    <div class="px-1">
                        <button class="btn btn-sm btn-primary" @onclick="() => OrderUpdatePrices()">Aggiorna Prezzi <i class="fa-solid fa-calculator"></i></button>
                    </div>
                    <div class="px-1">
                        <button class="btn btn-sm btn-primary" @onclick="() => OfferUpdateAllCosting()">Ricalcolo Completo <i class="fa-solid fa-calculator"></i></button>
                    </div>
                }
            </div>
        </div>
        <div class="cad-body px-2">
            @if (isLoading || ListRecords == null)
            {
                <LoadingData></LoadingData>
            }
            else if (totalCount == 0)
            {
                <div class="alert alert-info text-center fs-5">Nessun record trovato</div>
            }
            else
            {
                <table class="table table-sm table-striped">
                    <thead>
                        <tr>
                            @if (DisplayMode == EgwCoreLib.Lux.Core.Enums.DisplayMode.Edit)
                            {
                                <th>
                                    <button class="btn btn-sm btn-primary" style="min-width: 6rem;" @onclick="ForceReloadData"><i class="fa-solid fa-rotate-right"></i></button>
                                </th>
                                <th>Preview</th>
                            }
                            else
                            {
                                <th>ID</th>
                            }
                            <th>Codice</th>
                            @* <th>Descrizione</th> *@
                            <th class="text-center" title="Quantità Articoli"><i class="fa-regular fa-file-lines"></i></th>
                            @* <th class="text-end">Importo</th> *@
                            <th class="text-center" title="Macchine"><i class="fa-solid fa-industry"></i></th>
                            <th class="text-center" title="Quantità Prodotti"><i class="fa-solid fa-folder-tree"></i></th>
                            @if (DisplayMode == EgwCoreLib.Lux.Core.Enums.DisplayMode.Edit)
                            {
                                <th class="text-end" title="Cambio Materiali">Mat.</th>
                                <th class="text-end" title="Ciclo Lavoro">Lav.</th>
                                <th class="text-end" title="# Componenti Riga (Make + Buy)"><i class="fa-solid fa-folder-tree"></i></th>
                            }
                            @* <th class="text-end">Totale</th>
                            <th class="text-end">Marg.</th> *@
                            <th class="text-center" title="# Prodotti producibili su OGNI macchina"><i class="fa-solid fa-puzzle-piece"></i> Parts</th>
                            <th class="text-end" title="Range tempi prod. previsti"><i class="fa-solid fa-stopwatch"></i> Hour</th>
                            @if (DisplayMode == EgwCoreLib.Lux.Core.Enums.DisplayMode.Edit)
                            {
                                <th></th>
                            }
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var item in ListRecords)
                        {
                            bool isNote = item.Original.SellingItemID == null;
                            bool isBuy = (item.Original.SellingItemID> 2 &&  item.Original.SellingItemID < 5);
                            <tr class="@RowClass(item.Original)">
                                <td class="text-nowrap">
                                    <span class="px-1">
                                        <button class="btn btn-sm btn-primary" @onclick="() => DoSelect(item.Original)"><i class="fa-solid fa-magnifying-glass"></i></button>
                                    </span>
                                    @if (DisplayMode == EgwCoreLib.Lux.Core.Enums.DisplayMode.Edit)
                                    {
                                        if (CurrEditMode == EditMode.None)
                                        {
                                            <button class="btn btn-sm btn-info" @onclick="() => DoEdit(item.Original)"><i class="fa-solid fa-pencil"></i></button>
                                            <button class="btn btn-sm btn-warning" @onclick="() => DoClone(item.Original)"><i class="fa-solid fa-wand-magic" title="Duplica Articoo (Riga Offerta)"></i></button>
                                        }
                                        else
                                        {
                                            if (EditRecord != null && EditRecord.OrderRowID == item.Original.OrderRowID)
                                            {
                                                <button class="btn btn-sm btn-success" title="Salva Modifiche" @onclick="() => DoSave(item.Original)"><i class="fa-solid fa-floppy-disk"></i></button>
                                            }
                                        }
                                    }
                                    else
                                    {
                                        @item.Original.RowNum
                                    }
                                </td>
                                @if (isNote)
                                {
                                    <td colspan="9" class="small">
                                        @if (CurrEditMode == EditMode.RecData && EditRecord != null && EditRecord.OrderRowID == item.Original.OrderRowID)
                                        {
                                            <div class="input-group">
                                                <textarea class="form-input w-100" style="height: 4rem;" type="text" @bind="@item.Original.Note" />
                                            </div>
                                        }
                                        else
                                        {
                                            @HtmlConv(item.Original.Note)
                                        }
                                    </td>
                                }
                                else
                                {
                                    @if (DisplayMode == EgwCoreLib.Lux.Core.Enums.DisplayMode.Edit)
                                    {
                                        <td>
                                            @* <i>rifare gestione switch tipo obj!!!!</i> *@
                                            @if (isBuy)
                                            {
                                                <img src="@($"~/images/SellingItemID_{item.Original.SellingItemID:00}.png")" width="64" />
                                            }
                                            else
                                            {
                                                @if (item.Original.Envir == EgwMultiEngineManager.Data.Constants.EXECENVIRONMENTS.WINDOW)
                                                {
                                                    <img class="img-fluid image-hover-pop p-1" src="@(imgUrl(item.Original.OrderRowUID, $"{item.Original.Envir}"))" width="64" @onclick="() => DoEditJwd(item.Original)" title="Edit Item" />
                                                }
                                                else
                                                {
                                                    <img class="img-fluid image-hover-pop" src="@(imgUrl(item.Original.OrderRowUID, $"{item.Original.Envir}"))" width="150" @onclick="() => DoEditFile(item.Original)" title="Edit Item" />
                                                }
                                            }
                                        </td>
                                    }
                                    <td>
                                        <ul class="list-group">
                                            <li class="list-group-item d-flex justify-content-between align-items-start align-items-center px-2 py-1 active">
                                                @item.Original.Note
                                            </li>
                                            <li class="list-group-item d-flex justify-content-between align-items-start align-items-center px-2 py-1">
                                                <div class="fw-bold">@item.Original.OrderRowUID</div>
                                                @if (ShowBom(item.Original))
                                                {
                                                    @if (CurrEditMode == EditMode.None)
                                                    {
                                                        <button class="btn btn-sm btn-primary" @onclick="() => RequestBom(item.Original)" title="Richiesta ricalcolo BOM">
                                                            BOM <i class="fa-solid fa-arrow-right-arrow-left pe-2"></i>
                                                            @if (item.Original.AwaitBom)
                                                            {
                                                                <span class="text-warning spinner-grow spinner-grow-sm" aria-hidden="true"></span>
                                                            }
                                                        </button>
                                                    }
                                                    else
                                                    {
                                                        <button class="btn btn-sm btn-secondary disabled">
                                                            BOM <i class="fa-solid fa-arrow-right-arrow-left pe-2"></i>
                                                            @if (item.Original.AwaitBom)
                                                            {
                                                                <span class="text-warning spinner-grow spinner-grow-sm" aria-hidden="true"></span>
                                                            }
                                                        </button>
                                                    }
                                                }
                                            </li>
                                            @if (item.Original.Envir != EgwMultiEngineManager.Data.Constants.EXECENVIRONMENTS.WINDOW || !string.IsNullOrEmpty(item.Original.FileName))
                                            {
                                                <li class="list-group-item d-flex justify-content-between align-items-start px-2 py-1 small">
                                                    <div class="mx-0">
                                                        <div class="">@item.Original.FileName</div>
                                                    </div>
                                                    <span class="small">@fSize(item.Original.FileSize)</span>
                                                </li>
                                            }
                                        </ul>
                                    </td>
                                    @* @if (CurrEditMode == EditMode.RecData && EditRecord != null && EditRecord.OrderRowID == item.Original.OrderRowID)
                                    {
                                        <td>
                                            <div class="input-group">
                                                <input class="form-control w-100" style="width: 16rem;" type="text" @bind="@item.Original.Note" />
                                            </div>
                                        </td>
                                        <td class="text-end align-content-center">
                                            <input class="form-control text-end" style="width: 4rem;" type="number" @bind="@item.Original.Qty" />
                                        </td>
                                    }
                                    else
                                    {
                                        <td>@item.Original.Note</td>
                                        <td class="text-center align-content-center fs-4">
                                            <b>@item.Original.Qty</b>
                                        </td>
                                    } *@
                                    <td class="text-center align-content-center fs-4">
                                        <b>@item.Original.Qty</b>
                                    </td>
                                    @* <td class="text-end text-nowrap">
                                        <div class="fw-bold" title="Prezzo Finito">
                                            @if (!(item.Original.BomOk && item.Original.ItemOk))
                                            {
                                                <span class="text-danger me-2" title=""><i class="fa-solid fa-triangle-exclamation"></i></span>
                                            }
                                            @if (item.Original.AwaitPrice)
                                            {
                                                <span class="text-warning spinner-grow spinner-grow-sm" aria-hidden="true"></span>
                                            }
                                            @($"{item.Original.UnitPrice:C2}")
                                        </div>
                                        <div class="small text-secondary" title="RockBottom Price">(@item.Original.UnitCost.ToString("C2"))</div>
                                    </td> *@

                                    <td class="text-center align-content-center fs-4" title="@(item.WorkLoad?.ListMachinesJoin ?? "")">
                                        <span class="px-2">
                                            @(item.WorkLoad?.NumMachines ?? 0)
                                        </span>
                                        @*@if (@item.WorkLoad.Workable)
                                        {
                                            <i class="fa-solid fa-thumbs-up text-success"></i>
                                        }
                                        else
                                        {
                                            <i class="fa-solid fa-thumbs-down text-danger"></i>
                                        } *@
                                    </td>
                                    <td class="text-center align-content-center text-nowrap">
                                        <div class="fw-bold fs-4" title="# Totale Prodotti">
                                            @($"{item.Original.ProdItemQtyTot:N0}")
                                        </div>
                                    </td>
                                    <td class="text-center align-content-center text-nowrap">
                                        @if (item.WorkLoad != null)
                                        {
                                            if (item.WorkLoad.NumKo > 0)
                                            {
                                                <button class="btn btn-lg btn-danger shadow w-100" @onclick="() => ShowWLD(item, EditMode.WorkLoadDetailTag)">
                                                    <span class="fw-bold px-1" title="# Pezzi KO">
                                                        @($"{item.WorkLoad.NumKo:N0}")
                                                    </span>
                                                    <i class="fa-solid fa-thumbs-down"></i>
                                                </button>
                                            }
                                            else if (item.WorkLoad.NumOkVin > 0)
                                            {
                                                <button class="btn btn-lg btn-primary shadow w-100" @onclick="() => ShowWLD(item, EditMode.WorkLoadDetailTag)">
                                                    <span class="fw-bold px-1" title="# Pezzi Vinc">
                                                        @($"{item.WorkLoad.NumOkVin:N0}")
                                                    </span>
                                                </button>
                                            }
                                            else if (item.WorkLoad.NumOk > 0)
                                            {
                                                <button class="btn btn-lg btn-success shadow w-100" @onclick="() => ShowWLD(item, EditMode.WorkLoadDetailTag)">
                                                    <span class="fw-bold px-1" title="# Pezzi OK">
                                                        @($"{item.WorkLoad.NumOk:N0}")
                                                    </span>
                                                    <i class="fa-solid fa-thumbs-up"></i>
                                                </button>
                                            }
                                        }
                                    </td>
                                    @if (DisplayMode == EgwCoreLib.Lux.Core.Enums.DisplayMode.Edit)
                                    {
                                        <td class="text-center">
                                            @if (!string.IsNullOrEmpty(item.Original.ItemBOM))
                                            {
                                                <div>
                                                    <button class="btn btn-sm btn-info" title="Cambio materiali assegnati" @onclick="() => DoSwapMat(item.Original)"><i class="fa-solid fa-arrow-right-arrow-left"></i></button>
                                                </div>
                                            }
                                            <diiv class="small">
                                                @item.Original.ProdItemQty
                                            </diiv>
                                        </td>
                                        <td class="text-center">
                                            @if (!string.IsNullOrEmpty(item.Original.ItemSteps))
                                            {
                                                <button class="btn btn-sm btn-info" title="Verifica Ciclo/Fasi di Lavoro" @onclick="() => DoSwapJobCycle(item.Original)"><i class="fa-solid fa-arrow-right-arrow-left"></i></button>
                                            }
                                        </td>
                                        <td class="text-center">
                                            @item.Original.ProdItemQtyTot
                                        </td>
                                    }
                                    @* <td class="text-end text-nowrap">
                                        <div class="fw-bold" title="Prezzo Finito">
                                            @if (item.Original.AwaitPrice)
                                            {
                                                <span class="text-warning spinner-grow spinner-grow-sm" aria-hidden="true"></span>
                                            }
                                            @($"{item.Original.TotalPrice:C2}")
                                        </div>
                                        <div class="small text-secondary" title="RockBottom Price">(@item.Original.TotalCost.ToString("C2"))</div>
                                    </td>
                                    <td class="text-end text-nowrap" title="Margine / Sconto MAX applicabile">
                                        @item.Original.MaxDiscount.ToString("P2")
                                    </td> *@
                                    <td class="text-end text-nowrap align-content-center" title="Tempi Stimati">
                                        @if (item.WorkLoad != null)
                                        {
                                            <button class="btn btn-lg btn-primary shadow w-100" @onclick="() => ShowWLD(item, EditMode.WorkLoadDetailTime)">
                                                @FormatDatetime(item.WorkLoad.TotMaxTime)
                                            </button>
                                        }
                                        else
                                        {
                                            <button class="btn btn-lg btn-secondary disabled w-100">???</button>
                                        }
                                    </td>
                                }
                                @if (DisplayMode == EgwCoreLib.Lux.Core.Enums.DisplayMode.Edit)
                                {
                                    <td>
                                        @if (CurrEditMode == EditMode.RecData && EditRecord != null && EditRecord.OrderRowID == item.Original.OrderRowID)
                                        {
                                            <button class="btn btn-sm btn-warning" title="Annulla Modifiche" @onclick="DoCancel"><i class="fa-solid fa-ban"></i></button>
                                        }
                                        else
                                        {
                                            <button class="btn btn-sm btn-danger" title="Eliminazione riga" @onclick="() => DoDelete(item.Original)"><i class="fa-solid fa-trash"></i></button>
                                        }
                                    </td>
                                }
                            </tr>
                        }
                    </tbody>
                    <tfoot>
                        <tr class="table-success">
                            @if (DisplayMode == EgwCoreLib.Lux.Core.Enums.DisplayMode.Edit)
                            {
                                <td colspan="3"></td>
                            }
                            else
                            {
                                <td colspan="2"></td>
                            }
                            <td class="text-center">@($"{GrandTotQty:N0}")</td>
                            @if (DisplayMode == EgwCoreLib.Lux.Core.Enums.DisplayMode.Edit)
                            {
                                <td colspan="3"></td>
                                <td class="text-center">@($"{GrandTotNumItems:N0}")</td>
                            }
                            else
                            {
                                <td colspan="1"></td>
                            }
                            <td class="text-center">@($"{GrandTotNumItems:N0}")</td>
                            <td class="text-center text-nowrap">
                                <span class="text-success">@GrandTotNumOk</span> | <span class="text-primary">@GrandTotNumOkVin</span> | <span class="text-danger">@GrandTotNumKo</span>
                            </td>
                            <td class="text-center fs-5">
                                @FormatDatetime(GrandTotMaxTime)
                            </td>
                            @if (DisplayMode == EgwCoreLib.Lux.Core.Enums.DisplayMode.Edit)
                            {
                                <td></td>
                            }
                        </tr>
                    </tfoot>
                </table>
            }
        </div>
    </div>
}
@if (EditRecord != null)
{
    if (CurrEditMode == EditMode.BOM)
    {
        <div class="modal" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" role="dialog">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header row modal-title">
                        <div class="col-4 fs-3">
                            Materiali (BOM)
                        </div>
                        <div class="col-4 text-center text-bg-secondary bg-gradient border border-2 rounded">
                            <div class="fw-bold">@EditRecord.Note</div>
                            <small class="small">@EditRecord.OrderRowUID</small>
                        </div>
                        <div class="col-4 text-end fs-4">
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" @onclick="ClosePopup">
                            </button>
                            <div class="form-check form-switch small" title="Abilita editing massivo">
                                <input class="form-check-input" type="checkbox" role="switch" @bind="enableMassEdit">
                                <label class="form-check-label">Mass Edit</label>
                            </div>
                        </div>
                    </div>
                    <div class="modal-body">
                        <h2> fix edit BOM da ordine</h2>
                        @* <EditBom CurrRowRec="@EditRecord" MassEdit="enableMassEdit" BomList="CurrBomList" EC_Updated="UpdateBom"></EditBom> *@
                    </div>
                </div>
            </div>
        </div>
    }
    else if (CurrEditMode == EditMode.JobCycle)
    {
        <div class="modal" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" role="dialog">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header row modal-title">
                        <div class="col-4 fs-3">
                            Lavorazioni (Cicli)
                        </div>
                        <div class="col-4 text-center border border-2 rounded">
                            <div class="fw-bold">@EditRecord.Note</div>
                            <small class="small">@EditRecord.OrderRowUID</small>
                        </div>
                        <div class="col-4 text-end fs-4">
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" @onclick="ClosePopup">
                            </button>
                        </div>
                    </div>
                    <div class="modal-body">
                        <EditJob></EditJob>
                        @* <EditBom BomList="@CurrBomList" EC_Updated="UpdateBom"></EditBom> *@
                    </div>
                </div>
            </div>
        </div>
    }
}
else if (WorkLoadRecord != null)
{
    if (CurrEditMode == EditMode.WorkLoadDetailTime)
    {
        <TimeEstim DetailRecord="WorkLoadRecord" OrderRowRecord="SelRecord" AllProdGroup="ListProdAssign" EC_ReRunReq="ReRunJob" EC_ClosePopup="ClosePopup" EC_RunBalance="ReqBalance" EC_DirectAssign="DirectAssign" EC_ResetAssign="ResetAssign"></TimeEstim>
    }
    else if (CurrEditMode == EditMode.WorkLoadDetailTag)
    {
        <PartStatus DetailRecord="@WorkLoadRecord" EC_ReRunReq="ReRunJob" EC_ClosePopup="ClosePopup"></PartStatus>
    }
    @*  else if (CurrEditMode == EditMode.DetailOkVin)
    {
        <div class="modal" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" role="dialog">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header row modal-title">
                        <div class="col-4 fs-3">
                            Elenco Pezzi KO
                        </div>
                        <div class="col-4 text-center border border-2 rounded">
                            <div class="fw-bold">Vincolated Parts: @WorkLoadRecord.NumKo</div>
                            <small class="small">@WorkLoadRecord.ListMachinesJoin</small>
                        </div>
                        <div class="col-4 text-end fs-4">
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" @onclick="ClosePopup">
                            </button>
                        </div>
                    </div>
                    <div class="modal-body">
                        <div class="row gx-2">
                            <p>lista pezzi vincolati</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    }
    else if (CurrEditMode == EditMode.DetailKO)
    {
        <div class="modal" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" role="dialog">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header row modal-title">
                        <div class="col-4 fs-3">
                            Elenco Pezzi KO
                        </div>
                        <div class="col-4 text-center border border-2 rounded">
                            <div class="fw-bold">Unworkable Parts: @WorkLoadRecord.NumKo</div>
                            <small class="small">@WorkLoadRecord.ListMachinesJoin</small>
                        </div>
                        <div class="col-4 text-end fs-4">
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" @onclick="ClosePopup">
                            </button>
                        </div>
                    </div>
                    <div class="modal-body">
                        <div class="row gx-2">
                            @foreach (var item in WorkLoadRecord.ListUnWorkable)
                            {
                                <div class="col-2">
                                    <div class="alert alert-danger p-1 mb-2 text-center align-content-center">@item</div>
                                </div>
                            }
                        </div>
                    </div>
                </div>
            </div>
        </div>
    } *@
}