@model PlanTempus.Application.Features.Employees.Components.EmployeeTableViewModel

<swp-users-header>
    <swp-users-count>
        <strong>@Model.CurrentCount af @Model.MaxCount</strong> @Model.CountLabel
        <swp-users-progress>
            <swp-users-progress-bar style="width: @Model.ProgressPercent.ToString("F1", System.Globalization.CultureInfo.InvariantCulture)%"></swp-users-progress-bar>
        </swp-users-progress>
    </swp-users-count>
    <swp-btn class="primary">
        <i class="ph ph-user-plus"></i>
        @Model.InviteButtonText
    </swp-btn>
</swp-users-header>

<swp-card class="employees-list">
    <swp-data-table>
        <swp-data-table-header>
            <swp-data-table-cell>@Model.ColumnUser</swp-data-table-cell>
            <swp-data-table-cell>@Model.ColumnRole</swp-data-table-cell>
            <swp-data-table-cell>@Model.ColumnStatus</swp-data-table-cell>
            <swp-data-table-cell>@Model.ColumnLastActive</swp-data-table-cell>
            <swp-data-table-cell></swp-data-table-cell>
        </swp-data-table-header>
        @foreach (var employeeKey in Model.EmployeeKeys)
        {
            @await Component.InvokeAsync("EmployeeRow", employeeKey)
        }
    </swp-data-table>
</swp-card>