@page "/KIT"

<div class="card mb-5">
    <div class="card-header table-primary">
        <div class="d-flex justify-content-between">
            <div class="px-0">
                <div class="d-flex justify-content-between">
                    <div class="d-flex">
                        <div class="px-2">
                            <span class="fs-3 mb-0 fw-bold">KIT</span>
                        </div>
                        <div class="px-2">
                            <div class="small">
                                Definizione KIT multiprodotto per singolo ciclo
                            </div>
                            <div class="small">
                                Azienda: <b>@CodAzienda</b> | <b>@kitCount</b> Kit disp.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="px-0 align-content-center d-flex justify-content-end">
                @if (enabKitCount)
                {
                    <div class="input-group me-2">
                        <button class="btn btn-success" style="min-width: 8rem;" @onclick="() => DoAddNew(true)">Nuovo KIT <i class="bi bi-plus-square"></i></button>
                    </div>
                }
                <div class="input-group me-2" style="min-width: 20rem;">
                    <span class="input-group-text"><i class="fa fa-search"></i></span>
                    <input type="text" class="form-control" placeholder="@($"Parent {minChar}+ | Ctrl-R")" aria-label="Ricerca" title="@($"Ricerca Parent | {minChar}+ | Ctrl-R")" @bind="@SearchParent" accesskey="R">
                    <button class="btn @sParentCss" @onclick="() => ResetParent()"><i class="fa fa-ban"></i></button>
                </div>
                <div class="input-group" style="min-width: 20rem;">
                    <span class="input-group-text"><i class="fa fa-search"></i></span>
                    <input type="text" class="form-control" placeholder="@($"Child {minChar}+ | Ctrl-R")" aria-label="Ricerca" title="@($"Ricerca Child | {minChar}+ | Ctrl-T")" @bind="@SearchChild" accesskey="T">
                    <button class="btn @sChildCss" @onclick="() => ResetChild()"><i class="fa fa-ban"></i></button>
                </div>
            </div>
        </div>
        @if (EditRecord != null)
        {
            @if (doSearchArt)
            {
                <dialog class="modal fade show" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" aria-modal="true" role="dialog">
                    <div class="modal-dialog modal-xl">
                        <div class="modal-content p-2">
                            <div class="modal-title d-flex justify-content-between">
                                <div class="px-0">
                                    <h3>Selezione Articoli da ricerca</h3>
                                </div>
                                <div class="px-0">
                                    <button class="btn btn-outline-dark" @onclick="() => SearchArtToggle()"><i class="fa-solid fa-xmark"></i></button>
                                </div>
                            </div>
                            <div class="modal-body">
                                <SelectCodArt SearchMinChar="@minChar" E_CodArt="SetCodArtChild"></SelectCodArt>
                            </div>
                        </div>
                    </div>
                </dialog>
            }
            <div class="row mt-2">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header bg-primary text-light">Modifica</div>
                        <div class="card-body">

                            <div class="row">
                                <div class="col-3">
                                    <div class="form-floating">
                                        @if (string.IsNullOrEmpty(EditRecord.CodArtParent))
                                        {
                                            <input type="text" class="form-control" placeholder="Cod Parent" @bind="@EditRecord.CodArtParent">
                                        }
                                        else
                                        {
                                            <input type="text" class="form-control disabled" disabled placeholder="Cod Parent" @bind="@EditRecord.CodArtParent">
                                        }
                                        <label>Cod Art Parent</label>
                                    </div>
                                </div>
                                <div class="col-3">
                                    @if (string.IsNullOrEmpty(EditRecord.CodArtChild))
                                    {
                                        <div class="input-group">
                                            <button class="btn btn-success" @onclick="() => SearchArtToggle()"><i class="fa-brands fa-searchengin fa-2x"></i></button>
                                            <div class="form-floating">
                                                @if (enabFreeCodArt)
                                                {
                                                    <input type="text" class="form-control" placeholder="CodChild" @bind-value="@EditRecord.CodArtChild">
                                                }
                                                else
                                                {
                                                    <input type="text" class="form-control" disabled placeholder="CodChild" @bind-value="@EditRecord.CodArtChild">
                                                }
                                                <label>Cod Art Child</label>
                                            </div>
                                        </div>
                                    }
                                    else
                                    {
                                        <div class="form-floating">
                                            <input type="text" class="form-control disabled" disabled placeholder="CodChild" @bind-value="@EditRecord.CodArtChild">
                                            <label>Cod Art Child</label>
                                        </div>
                                    }
                                </div>
                                <div class="col-2">
                                    <div class="form-floating">
                                        <input type="number" class="form-control text-end" placeholder="Qty child/parent" @bind-value="@EditRecord.Qty">
                                        <label>Qty rel Art/Kit</label>
                                    </div>
                                </div>
                                <div class="col-2 align-content-center">
                                    <button class="btn btn-lg btn-warning w-100" @onclick="() => DoCancel()">Annulla <i class="bi bi-x-circle"></i></button>
                                </div>
                                <div class="col-2 align-content-center">
                                    @if (EditRecord.Qty > 0 && !string.IsNullOrEmpty(EditRecord.CodArtParent) && !string.IsNullOrEmpty(EditRecord.CodArtChild))
                                    {
                                        <button class="btn btn-lg btn-success w-100" @onclick="() => DoUpdate(EditRecord)">Salva <i class="bi bi-save"></i></button>
                                    }
                                    else
                                    {
                                        <button class="btn btn-secondary w-100 disabled">Salva <i class="bi bi-save"></i></button>
                                    }
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        }
    </div>
    <div class="card-body">

        @if (ListRecords == null)
        {
            <LoadingData></LoadingData>
        }
        else if (totalCount == 0)
        {
            <div class="alert alert-warning text-center display-4">
                Nessun record trovato
                @if (enabKitSearch && !string.IsNullOrEmpty(SearchParent) && totalCount == 0)
                {
                    <div class="input-group me-2">
                        <button class="btn btn-success" style="min-width: 8rem;" @onclick="() => DoAddNew(false)">Aggiungi KIT Cercato <i class="bi bi-plus-square"></i></button>
                    </div>
                }
            </div>
        }
        else
        {
            <div class="row">
                <div class="col-12">
                    <table class="table table-sm table-striped">
                        <thead>
                            <tr>
                                <th>
                                    @if (EditRecord != null)
                                    {
                                        <button @onclick="() => ResetSel()" class="btn btn-primary btn-sm"><i class="bi bi-arrow-counterclockwise"></i></button>
                                    }
                                </th>
                                <th><i class="fa-solid fa-sitemap"></i> Cod Kit (Parent)</th>
                                <th><i class="fa-solid fa-file"></i> Articolo (Child)</th>
                                <th><i class="fa-solid fa-hashtag"></i> Art/Kit Qty</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var record in ListRecords)
                            {
                                <tr class="@checkSelect(record)">
                                    <td>
                                        <button @onclick="() => SelRecord(record)" class="btn btn-primary btn-sm" title="Modifica Record"><i class="bi bi-pencil-square"></i></button>
                                        <button @onclick="() => DoClone(record)" class="btn btn-info btn-sm" title="Duplica Record"><i class="bi bi-clipboard-check"></i></button>
                                    </td>
                                    <td>
                                        <button @onclick="() => DoFiltParent(record)" class="btn btn-sm btn-outline-primary fw-bold py-1" title="Filtra per KIT">@record.CodArtParent</button>
                                    </td>
                                    <td>
                                        <button @onclick="() => DoFiltChild(record)" class="btn btn-sm btn-outline-primary fw-bold py-1" title="Filtra Per Articolo">@record.CodArtChild</button>
                                    </td>
                                    <td>
                                        <div>@record.Qty</div>
                                    </td>
                                    <td>
                                        <button @onclick="() => DoDelete(record)" class="btn btn-danger btn-sm"><i class="bi bi-trash-fill"></i></button>
                                    </td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
            </div>
        }
    </div>
    <div class="card-footer py-1">
        @if (totalCount > numRecord)
        {
            <DataPager PageSize="numRecord" currPage="currPage" numRecordChanged="SetNumRec" numPageChanged="SetNumPage" totalCount="totalCount" showLoading="isLoading" />
        }
    </div>
</div>