@if (isLoading || ListRecords == null)
{
    <LoadingData></LoadingData>
}
else if (totalCount == 0)
{
    <div class="alert alert-info text-center">
        <div class="display-4">Nessun record trovato</div>
        <button class="btn btn-sm btn-success" @onclick="DoAdd"><i class="fa-solid fa-plus"></i> Aggiungi</button>
    </div>
}
else
{
    <table class="table table-sm table-striped">
        <thead>
            <tr>
                <th class="text-nowrap">
                    <button class="btn btn-sm btn-primary" title="Reset selezione" @onclick="DoReset"><i class="fa-solid fa-arrow-rotate-right"></i></button>
                </th>
                @* <th>ID</th> *@
                <th class="text-nowrap text-center mx-2">Ord.</th>
                <th class="w-100">Valore</th>
                <th class="text-nowrap text-end">
                    <button class="btn btn-sm btn-success" @onclick="DoAdd"><i class="fa-solid fa-plus"></i></button>
                </th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in ListRecords)
            {
                string cssBtnUp = EditRecord == null && item.Index > 1 ? "btn-outline-primary" : "btn-outline-secondary opacity-50 disabled";
                string cssBtnDown = EditRecord == null && item.Index < totalCount ? "btn-outline-primary" : "btn-outline-secondary opacity-50 disabled";
                <tr>
                    @if (EditRecord != null && item.GenValID == EditRecord.GenValID)
                    {
                        <td class="text-start text-nowrap">
                            <button class="btn btn-sm btn-success" @onclick="() => DoSave(item)"><i class="fa-solid fa-save"></i></button>
                            <button class="btn btn-sm btn-secondary opacity-50"><i class="fa-solid fa-pencil" title="Edit @item.GenValID"></i></button>
                            @* <button class="btn btn-sm btn-success" @onclick="() => DoClone(item)" title="Duplicate @item.GenValID"><i class="fa-solid fa-clone"></i></button> *@
                        </td>
                        @* <td>@item.GenValID</td> *@
                        <td class="text-nowrap text-center mx-2">
                            <button class="btn @cssBtnUp btn-sm fa-solid fa-caret-up"></button>
                            @item.Index
                            <button class="btn @cssBtnDown btn-sm fa-solid fa-caret-down"></button>
                        </td>
                        <td class="w-100"><input class="form-control form-control-sm border-2 border-info py-1" type="text" @bind="@item.ValString" /></td>
                        <td class="text-nowrap text-end">
                            <button class="btn btn-sm btn-warning" @onclick="DoReset"><i class="fa-solid fa-ban"></i></button>
                        </td>
                    }
                    else
                    {
                        <td class="text-start text-nowrap">
                            <button class="btn btn-sm btn-primary" @onclick="() => DoSelect(item)" title="Select @item.GenValID"><i class="fa-solid fa-magnifying-glass"></i></button>
                            <button class="btn btn-sm btn-info" @onclick="() => DoEdit(item)"><i class="fa-solid fa-pencil" title="Edit @item.GenValID"></i></button>
                            @* <button class="btn btn-sm btn-success" @onclick="() => DoClone(item)" title="Duplicate @item.GenValID"><i class="fa-solid fa-clone"></i></button> *@
                        </td>
                        @* <td>@item.GenValID</td> *@
                        <td class="text-nowrap text-center mx-2">
                            <button class="btn @cssBtnUp btn-sm fa-solid fa-caret-up" @onclick="() => MoveRec(item, true)"></button>
                            @item.Index
                            <button class="btn @cssBtnDown btn-sm fa-solid fa-caret-down" @onclick="() => MoveRec(item, false)"></button>
                        </td>
                        <td class="w-100">@item.ValString</td>
                        <td class="text-nowrap text-end">
                            <button class="btn btn-sm btn-danger" @onclick="() => DoDelete(item)"><i class="fa-solid fa-trash-can"></i></button>
                        </td>
                    }
                </tr>
            }
        </tbody>
        @if (totalCount >= numRecord)
        {
            <tfoot>
                <tr>
                    <td colspan="15">
                        <EgwCoreLib.Razor.DataPager currPage="@currPage" PageSize="@numRecord" totalCount="@totalCount" numPageChanged="SavePage" numRecordChanged="SaveNumRec"></EgwCoreLib.Razor.DataPager>
                    </td>
                </tr>
            </tfoot>
        }
    </table>
}

<BootstrapModal @ref=Modal Title=@mTitle Message=@mMessage Mode="BootstrapModal.ModalMode.Confirm" UserOptions=@modalOpt></BootstrapModal>