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

<swp-employee-detail-header>
    <swp-employee-avatar-large class="@Model.AvatarColor">@Model.Initials</swp-employee-avatar-large>
    <swp-employee-info>
        <swp-employee-name-row>
            <swp-employee-name contenteditable="true">@Model.Name</swp-employee-name>
            @if (Model.Tags.Any())
            {
                <swp-tags-row>
                    @foreach (var tag in Model.Tags)
                    {
                        <swp-tag class="@tag.CssClass">@tag.Text</swp-tag>
                    }
                </swp-tags-row>
            }
            <swp-employee-status data-active="@Model.IsActive.ToString().ToLower()">
                <span class="icon">●</span>
                <span class="text">@Model.StatusText</span>
            </swp-employee-status>
        </swp-employee-name-row>
        <swp-fact-boxes-inline>
            <swp-fact-inline>
                <swp-fact-inline-value>@Model.BookingsThisYear</swp-fact-inline-value>
                <swp-fact-inline-label>@Model.LabelBookings</swp-fact-inline-label>
            </swp-fact-inline>
            <swp-fact-inline>
                <swp-fact-inline-value>@Model.RevenueThisYear</swp-fact-inline-value>
                <swp-fact-inline-label>@Model.LabelRevenue</swp-fact-inline-label>
            </swp-fact-inline>
            <swp-fact-inline>
                <swp-fact-inline-value>@Model.Rating</swp-fact-inline-value>
                <swp-fact-inline-label>@Model.LabelRating</swp-fact-inline-label>
            </swp-fact-inline>
            <swp-fact-inline>
                <swp-fact-inline-value>@Model.EmployedSince</swp-fact-inline-value>
                <swp-fact-inline-label>@Model.LabelEmployedSince</swp-fact-inline-label>
            </swp-fact-inline>
        </swp-fact-boxes-inline>
    </swp-employee-info>
</swp-employee-detail-header>