@if (AddVisible)
{
    <div class="modal" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title fs-4">Aggiunta Classe Anagrafica</div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" @onclick="ToggleAdd">
                    </button>
                </div>
                <div class="modal-body">
                    @if (NewRecord != null)
                    {

                        <div class="row">
                            <div class="input-group mb-2">
                                <span class="input-group-text" id="basic-addon1">Codice</span>
                                <input type="text" class="form-control text-end" @bind="@NewRecord.ClassCod" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="input-group mb-2">
                                <span class="input-group-text" id="basic-addon1">Descrizione</span>
                                <input type="text" class="form-control text-end" @bind="@NewRecord.Description" />
                            </div>
                        </div>
                    }
                    @if (!string.IsNullOrEmpty(ErrorMsg))
                    {
                        <div class="alert alert-danger my-3">
                            @ErrorMsg
                        </div>
                    }
                    <div class="row">
                        <div class="col">
                            <button class="btn btn-success w-100" @onclick="DoAdd"><i class="fa-solid fa-save"></i> Save</button>
                        </div>
                        <div class="col">
                            <button class="btn btn-warning w-100" @onclick="ToggleAdd">Cancel <i class="fa-solid fa-ban"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
}
<table class="table table-sm table-striped">
    <thead>
        <tr>
            <th>
                <button class="btn btn-sm btn-primary" title="Reset selezione" @onclick="DoReset"><i class="fa-solid fa-arrow-rotate-right"></i></button>
            </th>
            <th>Cod</th>
            <th>Descrizione</th>
            <th class="text-end"># Val</th>
            <th class="text-end">
                <button class="btn btn-sm btn-success" @onclick="ToggleAdd"><i class="fa-solid fa-plus"></i></button>
            </th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in ListRecords)
        {
            <tr class="@checkSel(item)">
                @if (EditRecord != null && item.ClassCod == EditRecord.ClassCod)
                {
                    <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"></i></button>
                    </td>
                    <td>@item.ClassCod</td>
                    <td><input class="form-control form-control-sm border-2 border-info py-1" type="text" style="width: 12rem;" @bind="@item.Description" /></td>
                    <td class="text-end">@item.NumChild</td>
                    <td class="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)"><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"></i></button>
                        @* <button class="btn btn-sm btn-success" @onclick="() => DoClone(item)"><i class="fa-solid fa-clone"></i></button> *@
                    </td>
                    <td>@item.ClassCod</td>
                    <td>@item.Description</td>
                    <td class="text-end">@item.NumChild</td>
                    <td class="text-end">
                        @if (item.NumChild > 0)
                        {
                            <button class="btn btn-sm btn-secondary opacity-50" disabled title="Record Child correlati: cancellazione non permessa"><i class="fa-solid fa-trash-can"></i></button>
                        }
                        else
                        {
                            <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="5">
                    <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>