@inherits BaseComp

<div class="modal" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header text-bg-info bg-gradient bg-opacity-50">
                <h5 class="modal-title fs-4">@Traduci("config_parametri")</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" @onclick="DoClose"></button>
            </div>
            <div class="modal-body">
                @if (isLoading)
                {
                    <LoadingData></LoadingData>
                }
                else if (ListRecords == null || totalCount == 0)
                {
                    <div class="alert alert-warning fs-4">@Traduci("noRecord")</div>
                }
                else
                {
                    <table class="table table-sm table-striped">
                        <thead>
                            <tr>
                                <th class="text-nowrap">@Traduci("nome")</th>
                                <th class="text-nowrap">@Traduci("valore")</th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach (var item in ListRecords)
                            {
                                <tr>
                                    <td class="">@item.Key</td>
                                    <td class="">@item.Value</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>
    </div>
</div>