# XWUIHrOffboardingForm

Employee separation (offboarding) form widget (extends `XWUIComponent`). It renders an `xwui-hr-offboard-form` card titled "Employee separation" ("فصل موظف" in Arabic) with three inputs - **Employee ID** (seeded from `data.employeeId`, default `e3`), **Reason** (a select of Resignation / Termination), and **Last working date** - plus a primary `XWUIButton` ("Save"). On save it builds a separation record (`employeeId`, `reasonCategory`, `attrition: 'Non-Regrettable'`, today's `resignationDate`, `lastWorkingDate`) and calls `hrApi.createSeparation(...)`, then alerts "Separation recorded" ("تم الحفظ" in Arabic). Pass `conf_comp.hrApi` to supply the API (falls back to `createHrApi()`) and `conf_comp.locale` for bilingual labels.

## Basic Usage

Renders the separation form pre-filled with employee `e3` and, on Save, posts the captured reason and last-working-date to `createSeparation()`.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Mounts XWUIHrOffboardingForm with data.employeeId 'e3' so the separation form submits to createSeparation() on Save.
```

## Arabic Locale

Switches the form title, labels and confirmation to Arabic by setting `locale: 'ar'`.

```example
file: examples/ArabicLocale.ts
html: examples/ArabicLocale.html
title: Arabic Locale
description: Sets locale to ar so the separation form renders its title and labels in Arabic, right-to-left.
```

## Specific Employee

Pre-fills the form for a chosen employee via `data.employeeId`.

```example
file: examples/SpecificEmployee.ts
html: examples/SpecificEmployee.html
title: Specific Employee
description: Passes employeeId 'e1' so the Employee ID field is seeded with that record.
```

```api
```