@inherits BaseComp

@if (isLoading || ListRecords == null)
{
    <LoadingData></LoadingData>
}
else if (totalCount == 0)
{
    <div class="alert alert-info text-center display-4">@Traduci("noRecord")</div>
}
else
{
    <table class="table align-middle table-sm table-striped">
        <thead>
            <tr class="align-middle">
                <th>
                    <button class="btn btn-sm btn-primary" title="@Traduci("reset")" @onclick="DoReset"><i class="fa-solid fa-arrow-rotate-right"></i></button>
                </th>
                <th class="text-start">@Traduci("nome")</th>
                <th class="text-start">@Traduci("contatti_cognome")</th>
                <th class="text-start">@Traduci("contatti_nomeAzienda")</th>
                <th class="text-start">@Traduci("contatti_cf")</th>
                <th class="text-end">@Traduci("contatti_nOfferte")</th>
                <th class="text-end">@Traduci("contatti_nOrdini")</th>
                <th class="text-end"></th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in ListRecords)
            {
                <tr class="@checkSel(item)">
                    <td class="text-start text-nowrap align-middle">
                        <button class="btn btn-sm btn-info" @onclick="() => DoEdit(item)"><i class="fa-solid fa-pencil"></i></button>
                    </td>
                    <td class="text-start text-nowrap align-middle">
                        @item.FirstName
                    </td>
                    <td class="text-start text-nowrap align-middle">
                        @item.LastName
                    </td>
                    <td class="text-start text-nowrap align-middle">
                        @item.CompanyName
                    </td>
                    <td class="text-start text-nowrap align-middle">
                        @item.VAT
                    </td>
                    <td class="text-end text-nowrap align-middle">
                        @item.NumOffers
                    </td>
                    <td class="text-end text-nowrap align-middle">
                        @item.NumOrders
                    </td>
                    <td class="text-end text-nowrap sssalign-middle">
                        @if (item.HasChildren)
                        {
                            <button class="btn btn-sm btn-secondary disabled"><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="8">
                        <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="mMode" UserOptions=@modalOpt></BootstrapModal>