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

<swp-services-header>
    <div></div>
    <swp-btn class="primary">
        <i class="ph ph-plus"></i>
        @Model.CreateButtonText
    </swp-btn>
</swp-services-header>

<swp-card class="categories-list">
    <swp-data-table>
        <swp-data-table-header>
            <swp-data-table-cell>@Model.ColumnCategory</swp-data-table-cell>
            <swp-data-table-cell>@Model.ColumnServiceCount</swp-data-table-cell>
            <swp-data-table-cell></swp-data-table-cell>
        </swp-data-table-header>
        @foreach (var category in Model.Categories)
        {
            <swp-data-table-row data-category-detail="@category.Id">
                <swp-data-table-cell>@category.Name</swp-data-table-cell>
                <swp-data-table-cell>@category.ServiceCount</swp-data-table-cell>
                <swp-data-table-cell>
                    <swp-row-toggle>
                        <i class="ph ph-caret-right"></i>
                    </swp-row-toggle>
                </swp-data-table-cell>
            </swp-data-table-row>
        }
    </swp-data-table>
</swp-card>