@inherits BaseComp

<div class="card shadow">
    <div class="card-header text-bg-secondary">
        <div class="d-flex justify-content-between">
            <div class="px-0 d-flex">
                <div class="px-0">
                    <h5>@Traduci("config_tipiHardware")</h5>
                </div>
                <div class="px-2">
                    <button class="btn btn-sm btn-primary" title="Richiesta Update" @onclick="DoReqUpdate"><i class="fa-solid fa-arrow-rotate-right"></i></button>
                </div>
            </div>
            <div class="px-0">
                <div class="px-0 d-flex justify-content-between">
                    <div class="px-1">
                        <div class="input-group input-group-sm" title="ricerca">
                            <span class="input-group-text"><i class="fas fa-search"></i></span>
                            <input type="text" class="form-control" @bind="@SearchVal">
                            <button class="btn @btnResetCss" @onclick="ResetSearch"><i class="fas fa-ban"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row small px-2">
            @Traduci("config_noModificabile")
        </div>
    </div>
    <div class="card-body p-1">
        @if (isLoading || ListRecords == null)
        {
            <LoadingData></LoadingData>
        }
        else if (totalCount == 0)
        {
            <div class="alert alert-info text-center display-6">@Traduci("noRecord")</div>
        }
        else
        {
            <table class="table table-sm table-striped">
                <thead>
                    <tr>
                        <th class="text-nowrap col-1">
                            @Traduci("cod")
                        </th>
                        <th class="text-nowrap col-2">@Traduci("config_famiglia")</th>
                        <th class="col-7">@Traduci("descrizione")</th>
                        <th class="text-end col-2">@Traduci("config_forma")</th>
                    </tr>
                </thead>
                <tbody>

                    @foreach (var item in ListRecords)
                    {
                        <tr>
                            <td class="text-start">@item.Id</td>
                            <td>@item.FamilyName</td>
                            <td>@item.Description</td>
                            <td class="text-end">@item.Shape</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>
        }
    </div>
</div>