@if (SelItem != null)
{
    <div class="modal fade show" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" aria-modal="true" role="dialog" data-keyboard="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Edit Cliente <b>@SelItem.IdxCliente</b></h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" @onclick="() => ForceReload(true)"></button>
                </div>
                <div class="modal-body p-1 small">
                    <ClientiEdit CurrRecord=@SelItem EC_update="ForceReload"></ClientiEdit>
                </div>
            </div>
        </div>
    </div>
}

<div class="card shadow">
    <div class="card-header">
        <div class="d-flex justify-content-between">
            <div class="px-0">
                <h3>@Traduci("ManClienti")</h3>
            </div>
            <div class="px-0">
                <div class="d-flex">
                    <div class="px-1">
                        <div class="form-check form-switch">
                            <Toggler SelFilter="@ToggleData" FilterChanged="evToggled"></Toggler>
                        </div>
                    </div>
                    <div class="px-0">
                        <button class="btn btn-sm btn-success" @onclick=CreateNew><i class="fa-solid fa-plus"></i> Add New</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card-body p-1 small">
        @if (ListRecords == null || isLoading)
        {
            <EgwCoreLib.Razor.LoadingData></EgwCoreLib.Razor.LoadingData>
        }
        else if (totalCount == 0)
        {
            <div class="alert alert-info">Nessun record trovato</div>
        }
        else
        {
            <table class="table table-striped table-sm text-start">
                <thead>
                    <tr class="">
                        <th>
                            <button class="btn btn-primary btn-sm" @onclick="() => ForceReload(true)"><i class="fa-solid fa-rotate"></i></button>
                        </th>
                        <th>RagSoc <Sorter ParamName="RagSoc" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter></th>
                        <th>Indirizzo <Sorter ParamName="Indirizzo" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter></th>
                        <th>Contatti <Sorter ParamName="Contatti" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter></th>
                        <th>P.Iva - C.Fisc <Sorter ParamName="PICF" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter></th>
                        <th class="text-end"><Sorter ParamName="Note" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter> Note</th>
                        <th class="text-end"><Sorter ParamName="Attivo" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter> Attivo</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var item in ListRecords)
                    {
                        <tr class="align-middle @CheckSel(item)">
                            <td>
                                @if (SelItem == null)
                                {
                                    @* <button class="btn btn-info btn-sm" @onclick="() => DoSelect(item)"><i class="fa-solid fa-search"></i></button> *@
                                    <button class="btn btn-primary btn-sm" @onclick="() => DoEdit(item)"><i class="fa-solid fa-edit"></i></button>
                                }
                                else
                                {
                                    @* <button class="btn btn-secondary btn-sm" disabled><i class="fa-solid fa-search"></i></button> *@
                                    <button class="btn btn-secondary btn-sm" disabled><i class="fa-solid fa-edit"></i></button>
                                }
                            </td>
                            <td>
                                <div class="fw-bold fs-5">
                                    @item.RagSociale
                                </div>
                            </td>
                            <td>
                                <div>
                                    @item.Indirizzo
                                </div>
                                <div class="d-flex">
                                    <div class="px-0">@item.Cap, @item.Citta - @item.Prov</div>
                                </div>
                            </td>
                            <td>
                                <div class="d-flex small">
                                    <div class="px-1"><i class="fa-regular fa-envelope"></i></div>
                                    <div class="px-0">@item.Email</div>
                                </div>
                                <div class="d-flex small">
                                    <div class="px-1"><i class="fa-solid fa-phone"></i></div>
                                    <div class="px-0">@item.Tel</div>
                                </div>
                            </td>
                            <td>
                                <div class="d-flex small">
                                    <div class="px-1">P.Iva:</div>
                                    <div class="px-0"><b>@item.PIva</b></div>
                                </div>
                                <div class="d-flex small">
                                    <div class="px-1">CFis:</div>
                                    <div class="px-0"><b>@item.Cf</b></div>
                                </div>
                            </td>
                            <td class="text-end small">
                                @item.Nota
                            </td>
                            <td class="text-end">
                                @if (item.Attivo)
                                {
                                    <i class="fa-solid fa-certificate text-success"></i>
                                }
                                else
                                {
                                    <i class="fa-solid fa-certificate text-secondary"></i>
                                }
                            </td>
                            <td>
                                @if (item.Attivo)
                                {
                                    <button class="btn btn-danger btn-sm" @onclick="() => DoDelete(item)"><i class="fa-solid fa-trash"></i></button>
                                }
                                else
                                {
                                    <button class="btn btn-secondary btn-sm" disabled><i class="fa-solid fa-trash"></i></button>
                                }
                            </td>
                            @* <AuthorizeView Roles="SuperAdmin, Admin, SuperUser">
                    <Authorized>
                    <td class="text-end">
                    @if (item.QtyTot == 0)
                    {
                    <button class="btn btn-danger btn-sm" @onclick="() => DeleteRecord(item)"><i class="fa-solid fa-trash"></i></button>
                    }
                    else
                    {
                    <button class="btn btn-secondary btn-sm" disabled><i class="fa-solid fa-trash"></i></button>
                    }
                    </td>
                    </Authorized>
                    </AuthorizeView> *@
                        </tr>
                    }
                </tbody>
            </table>
        }

    </div>
    <div class="card-footer">
        <EgwCoreLib.Razor.DataPager PageSize="@numRecord" currPage="@currPage" numRecordChanged="SetNumRec" numPageChanged="SetPage" totalCount="@totalCount" showLoading="@isLoading"></EgwCoreLib.Razor.DataPager>
    </div>
</div>