# XWUICardHrProfile

An employee profile widget (extends `XWUIComponent`) that lays out a person's record as two definition-list cards in a responsive auto-fit grid. The Personal card shows Name (English plus Arabic when `nameAr` is set), Email, Phone, and National ID; the Official card shows Status, Job title, Department, and Hire date, with missing values shown as an em dash. It reads the record from `data.employee` (an `EmployeeDetail`), and `conf_comp.locale` set to `ar` switches the card titles to "شخصي" / "رسمي". Use it as the header summary on an employee detail screen.

## Basic Usage

Renders the profile grid for a single bilingual employee record, populating both the Personal and Official cards.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Mounts XWUICardHrProfile with one EmployeeDetail (Hissah Almuways, HR Specialist) so both the Personal and Official cards render with real field values.
```

## Arabic Locale

Switches the card titles to Arabic and leads with the employee's `nameAr` by setting `locale: 'ar'`.

```example
file: examples/ArabicLocale.ts
html: examples/ArabicLocale.html
title: Arabic Locale
description: Sets locale to ar so the Personal/Official card titles render in Arabic, right-to-left.
```

## Contractor

Renders a contract employee with explicit probation and contract-end dates.

```example
file: examples/Contractor.ts
html: examples/Contractor.html
title: Contractor
description: Passes an employee whose employeeType is Contract with probationEnd and contractEnd set to exercise the fixed-term fields.
```

```api
```