{{ 'labels.inputs.name' | translate }} @if (groupForm.controls.name.hasError('required')) { {{ 'labels.inputs.Group Name' | translate }} {{ 'labels.commons.is' | translate }} {{ 'labels.commons.required' | translate }} } @if (groupForm.controls.name.hasError('pattern')) { {{ 'labels.inputs.Group Name' | translate }} {{ 'labels.inputs.cannot' | translate }} {{ 'labels.commons.begin with a special character or number' | translate }} } {{ 'labels.inputs.Office' | translate }} @for (office of officeData; track office) { {{ office.name }} } @if (groupForm.controls.officeId.hasError('required')) { {{ 'labels.inputs.Office' | translate }} {{ 'labels.commons.is' | translate }} {{ 'labels.commons.required' | translate }} } {{ 'labels.inputs.Staff' | translate }} @for (staff of staffData; track staff) { {{ staff.displayName }} } {{ 'labels.inputs.Submitted On' | translate }} @if (groupForm.controls.submittedOnDate.hasError('required')) { {{ 'labels.inputs.Submission Date' | translate }} {{ 'labels.commons.is' | translate }} {{ 'labels.commons.required' | translate }} } {{ 'labels.inputs.Active' | translate }} @if (groupForm.controls.active.value) { {{ 'labels.inputs.Activation Date' | translate }} @if (groupForm.controls.activationDate.hasError('required')) { {{ 'labels.inputs.Activation Date' | translate }} {{ 'labels.commons.is' | translate }} {{ 'labels.commons.required' | translate }} } } {{ 'labels.inputs.External id' | translate }} {{ 'labels.inputs.Add Clients' | translate }}
@for (client of clientsData; track client) { {{ client.displayName }} }
@if (clientChoice.value) {
{{ 'labels.inputs.Client Details' | translate }}
{{ 'labels.inputs.name' | translate }}
{{ clientChoice.value.displayName }}
{{ 'labels.inputs.Id' | translate }}
{{ clientChoice.value.id }}
{{ 'labels.inputs.Office' | translate }}
{{ clientChoice.value.officeName }}
} @if (clientMembers.length) {

{{ 'labels.heading.Selected Clients' | translate }}

@for (client of clientMembers; track client; let i = $index) {
{{ client.displayName }}
} }