@model PlanTempus.Application.Features.Services.Components.ServiceCategoryViewModel

<swp-category-row data-category="@Model.Id" data-expanded="true">
    <swp-data-table-cell>
        <swp-category-toggle>
            <i class="ph ph-caret-down"></i>
        </swp-category-toggle>
        <span class="category-name">@Model.Name</span>
        <span class="category-count">(@Model.Services.Count)</span>
    </swp-data-table-cell>
    <swp-data-table-cell></swp-data-table-cell>
    <swp-data-table-cell></swp-data-table-cell>
    <swp-data-table-cell>
        <swp-category-edit data-category-id="@Model.Id">
            <i class="ph ph-pencil-simple"></i>
        </swp-category-edit>
    </swp-data-table-cell>
</swp-category-row>

@foreach (var service in Model.Services)
{
    @await Component.InvokeAsync("ServiceRow", service)
}