PlanTempusApp/PlanTempus.Application/Features/Employees/Components/EmployeeTable/Default.cshtml

@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-employee-table-card>
    <div 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>
    </div>
</swp-employee-table-card>