@ksremp/ngx-ksremp-app-lib 1.0.2 → 1.0.4

package/fesm2022/ksremp-ngx-ksremp-app-lib.mjs

@@ -7601,7 +7601,7 @@ function LoginComponent_ion_grid_83_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(7, "Forgot Password?");
     i0.ɵɵelementEnd()()()();
 } }
-const _c6$5 = () => ({ required: "User ID is required.", minlength: "User ID should have minimum 5 characters." });
+const _c6$4 = () => ({ required: "User ID is required.", minlength: "User ID should have minimum 5 characters." });
 class LoginComponent extends BasePage {
     constructor(fb, loginService, router, util, popup, nav, cs) {
         super();
@@ -7982,7 +7982,7 @@ class LoginComponent extends BasePage {
             i0.ɵɵadvance(6);
             i0.ɵɵproperty("formControl", ctx.userId);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("field", ctx.userId)("form", _r5)("errDef", i0.ɵɵpureFunction0(44, _c6$5));
+            i0.ɵɵproperty("field", ctx.userId)("form", _r5)("errDef", i0.ɵɵpureFunction0(44, _c6$4));
             i0.ɵɵadvance(1);
             i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(33, 32, "guide.login.options.title"));
             i0.ɵɵpropertyInterpolate("text", i0.ɵɵpipeBind1(34, 34, "guide.login.options.message"));
@@ -14283,7 +14283,7 @@ const _c2$i = a0 => ({ $implicit: a0 });
 const _c3$c = ["container"];
 const _c4$b = ["filter"];
 const _c5$8 = ["focusInput"];
-const _c6$4 = ["editableInput"];
+const _c6$3 = ["editableInput"];
 const _c7 = ["items"];
 const _c8 = ["scroller"];
 const _c9 = ["overlay"];
@@ -15791,7 +15791,7 @@ class Dropdown {
             i0.ɵɵviewQuery(_c3$c, 5);
             i0.ɵɵviewQuery(_c4$b, 5);
             i0.ɵɵviewQuery(_c5$8, 5);
-            i0.ɵɵviewQuery(_c6$4, 5);
+            i0.ɵɵviewQuery(_c6$3, 5);
             i0.ɵɵviewQuery(_c7, 5);
             i0.ɵɵviewQuery(_c8, 5);
             i0.ɵɵviewQuery(_c9, 5);
@@ -18131,7 +18131,7 @@ function AddEmployerComponent_ion_grid_6_div_59_ng_container_13_Template(rf, ctx
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r122.employerType.value === "FED" || ctx_r122.employerType.value === "REG" && wageAmountForm_r124.value.displayForAll === true);
 } }
-const _c4$a = () => ({ requireCheckboxToBeChecked: "at least one amount must be greater than zero" });
+const _c4$a = a0 => ({ requireCheckboxToBeChecked: a0 });
 function AddEmployerComponent_ion_grid_6_div_59_tr_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td", 168);
     i0.ɵɵelement(2, "app-error", 169);
@@ -18140,7 +18140,7 @@ function AddEmployerComponent_ion_grid_6_div_59_tr_14_Template(rf, ctx) { if (rf
     const ctx_r123 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
     i0.ɵɵclassMap("app-grid");
-    i0.ɵɵproperty("field", ctx_r123.wageAmountArray)("form", ctx_r123.isFormSubmitted)("errDef", i0.ɵɵpureFunction0(5, _c4$a));
+    i0.ɵɵproperty("field", ctx_r123.wageAmountArray)("form", ctx_r123.isFormSubmitted)("errDef", i0.ɵɵpureFunction1(5, _c4$a, ctx_r123.requireCheckboxToBeChecked));
 } }
 function AddEmployerComponent_ion_grid_6_div_59_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 14)(1, "label");
@@ -18156,7 +18156,7 @@ function AddEmployerComponent_ion_grid_6_div_59_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpipe(11, "translate");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementContainerStart(12, 163);
-    i0.ɵɵtemplate(13, AddEmployerComponent_ion_grid_6_div_59_ng_container_13_Template, 2, 2, "ng-container", 164)(14, AddEmployerComponent_ion_grid_6_div_59_tr_14_Template, 3, 6, "tr", 4);
+    i0.ɵɵtemplate(13, AddEmployerComponent_ion_grid_6_div_59_ng_container_13_Template, 2, 2, "ng-container", 164)(14, AddEmployerComponent_ion_grid_6_div_59_tr_14_Template, 3, 7, "tr", 4);
     i0.ɵɵelementContainerEnd();
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -18357,7 +18357,7 @@ function AddEmployerComponent_ion_grid_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", !ctx_r1.isBasePeriodEmployer);
 } }
 const _c5$7 = () => ({ width: "60vw" });
-const _c6$3 = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
+const _c6$2 = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
 class AddEmployerComponent {
     constructor(formBuilder, validationService, util, filterService, logger, sanitizer, claimsService, ls, el, ar, translateService) {
         this.formBuilder = formBuilder;
@@ -19332,6 +19332,9 @@ class AddEmployerComponent {
     get requiredKansas() {
         return this.translateService.instant('induction.add.employment.required.kansas');
     }
+    get requireCheckboxToBeChecked() {
+        return this.translateService.instant('common.amount.greater.than.zero');
+    }
     static { this.ɵfac = function AddEmployerComponent_Factory(t) { return new (t || AddEmployerComponent)(i0.ɵɵdirectiveInject(i1$6.UntypedFormBuilder), i0.ɵɵdirectiveInject(ValidationService), i0.ɵɵdirectiveInject(UtilService), i0.ɵɵdirectiveInject(i4$1.FilterService), i0.ɵɵdirectiveInject(LoggerService), i0.ɵɵdirectiveInject(i6.DomSanitizer), i0.ɵɵdirectiveInject(ClaimService), i0.ɵɵdirectiveInject(LoginService), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i4.ActivatedRoute), i0.ɵɵdirectiveInject(i6$1.TranslateService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddEmployerComponent, selectors: [["app-add-employer"]], viewQuery: function AddEmployerComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$l, 5);
@@ -19352,7 +19355,7 @@ class AddEmployerComponent {
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵstyleMap(i0.ɵɵpureFunction0(11, _c5$7));
-            i0.ɵɵproperty("showHeader", false)("draggable", false)("resizable", false)("breakpoints", i0.ɵɵpureFunction0(12, _c6$3));
+            i0.ɵɵproperty("showHeader", false)("draggable", false)("resizable", false)("breakpoints", i0.ɵɵpureFunction0(12, _c6$2));
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 9, "induction.confirm.employment.heading"), " ");
             i0.ɵɵadvance(2);
@@ -19363,7 +19366,7 @@ class AddEmployerComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddEmployerComponent, [{
         type: Component,
-        args: [{ selector: 'app-add-employer', template: "<p-dialog visible=\"true\" position=\"top\" appendTo=\"body\" [showHeader]=\"false\" [draggable]=\"false\"\r\n  [resizable]=\"false\" [style]=\"{width: '60vw'}\"\r\n  [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '660px', '576px': '100vw'}\">\r\n  <h4 style=\"color: var(--ion-color-grey); padding-left: 20px;\"> {{\"induction.confirm.employment.heading\"|translate}}\r\n  </h4>\r\n  <form #employerForm [formGroup]=\"addEmployerForm\">\r\n    <ion-grid *ngIf=\"addEmployerForm?.controls\"> <!--To Review-->\r\n      <ion-row>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid p-formgrid\">\r\n            <div class=\"field\" *ngIf=\"isBasePeriodEmployer\">\r\n              {{customerName}}\r\n              <div *ngIf=\"aliasName != null\">\r\n                {{\"induction.confirm.employment.dba\"|translate}} {{aliasName}}</div>\r\n              <br>\r\n              <span style=\"font-size: 12px;\"> {{mailingAddressDisplay}}\r\n              </span>\r\n              <div *ngIf=\"isCSR\">\r\n                <br>\r\n                {{\"induction.confirm.employment.employer.wages\"|translate}}\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"isCSR\">\r\n                <p-table [value]=\"employerProvidedWages\" styleClass=\"p-datatable-striped app-datatable ion-padding-top\"\r\n                  [columns]=\"employerProvidedWages\">\r\n                  <ng-template pTemplate=\"header\" let-columns>\r\n                    <tr>\r\n                      <th *ngFor=\"let col of columns\">\r\n                        <b>{{ col.qtrYearDisplayString }}</b>\r\n                      </th>\r\n                    </tr>\r\n                    <tr>\r\n                      <td *ngFor=\"let col of columns\">\r\n                        {{col.wageAmount | currency}}\r\n                      </td>\r\n                    </tr>\r\n                  </ng-template>\r\n                </p-table>\r\n              </div>\r\n            </div>\r\n             <div class=\"field\" *ngIf=\"workFlag?.value == 'Y'\">\r\n              <label>{{\"induction.confirm.employment.workflag.no\"|translate}}<br /> <br />\r\n                {{\"induction.confirm.employment.workflag.no.line2\"|translate}}</label>\r\n            </div> \r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer\">\r\n              <label for=\"employerType\">{{\"induction.add.employment.employer.type\"|translate}}</label>\r\n              <div style=\"inline-size: inherit;\">\r\n                <p-selectButton inputId=\"employerType\" [options]=\"employerTypeOptions\" optionLabel=\"text\" optionValue=\"value\"\r\n                  [formControl]=\"employerType\" [class.disabled]=\"noEditMode\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='employerType' [errDef]=\"{    \r\n                   required:  required,\r\n            }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'  \">\r\n              <label for=\"prevWorkedState\">{{\"induction.add.employment.work.state\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"prevWorkedState\" [options]=\"prevWorkedStateOptions\" [formControl]=\"prevWorkedState\" optionLabel=\"text\"\r\n                  optionValue=\"value\" [class.disabled]=\"noEditMode\"\r\n                  (onOptionClick)=\"onToggleChangePrevWorkedState($event)\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='prevWorkedState' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'  \">\r\n              <label for=\"employerName\">{{\"induction.add.employment.employer.name\"|translate}}</label>\r\n              <div *ngIf=\"prevWorkedState.value==='KS'; else elseBlock\">\r\n                <app-search-employer inputId=\"employerName\" [formControl]=\"employerName\" empType=\"REG\" (onFound)=\"setEmployer($event)\"\r\n                  (onEmpty)=\"resetEmployer($event)\"></app-search-employer>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='employerName' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n              <ng-template #elseBlock>\r\n                <div class=\"field\">\r\n                  <input id=\"employerName\" type=\"input\" pInputText [formControl]=\"othStateEmpName\" maxlength=\"50\">\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='othStateEmpName' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n                </div>\r\n              </ng-template>\r\n            </div>\r\n            <div class=\"field\" style=\"width: inherit !important;\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"fedEmployerName\">{{\"induction.add.employment.employer.fed.name\"|translate}}</label>\r\n              <app-search-employer [formControl]=\"fedEmployerName\" empType=\"FED\" (onFound)=\"setFedEmployer($event)\"\r\n                (onEmpty)=\"resetFedEmployer($event)\"></app-search-employer>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedEmployerName' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL'\">\r\n              <label id=\"serviceBranch-label\" for=\"serviceBranch\">{{\"induction.add.employment.mil.service.branch\"|translate}}</label>\r\n              <p-dropdown [options]=\"militaryServiceOptions\" [formControl]=\"serviceBranch\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"serviceBranch\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='serviceBranch' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL'\">\r\n              <label id=\"mil-state-label\" for=\"mil-state\">\r\n                {{\"induction.add.employment.physical.location\"|translate}}\r\n              </label>\r\n              <p-dropdown [formControl]=\"milState\" [options]=\"statesOptions\" optionLabel=\"text\" inputId=\"mil-state\" appendTo=\"body\">\r\n\r\n              </p-dropdown>\r\n              <app-error class=\"app-grid\" [form]=\"isFormSubmitted\" [field]=\"milState\" [errDef]=\"{\r\n               required:  required\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='MIL'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"startDateMil\">{{\"induction.add.employment.mil.startdate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"startDateMil\" [showIcon]=\"true\" inputId=\"startDateMil\"\r\n                    [formControl]=\"startDateMil\" [maxDate]=\"dateTime\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"\r\n                    appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                    [minDate]=\"minWorkStartDate\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='startDateMil' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"endDateMil\">{{\"induction.add.employment.mil.enddate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"endDateMil\" [showIcon]=\"true\" inputId=\"endDateMil\" [maxDate]=\"dateTime\"\r\n                    [minDate]=\"minDate\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n                    appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDateMil\"\r\n                    [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='endDateMil' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='FED' && hideFicCode\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"ficCode\">{{\"induction.add.employment.fed.fic.code\"|translate}}</label>\r\n                  <input id=\"ficCode\" type=\"input\" pInputText [formControl]=\"ficCode\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='ficCode' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"ficDestinationName\">{{\"induction.add.employment.fed.fic.destination\"|translate}}</label>\r\n                  <input id=\"ficDestinationName\" type=\"input\" pInputText [formControl]=\"ficDestinationName\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='ficDestinationName' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding-left: 0px; padding-right: 0px;\">\r\n                <app-address #address1 [formControl]=\"address\" [countyRequired]=\"false\" [fromPopup]=\"true\">\r\n                </app-address>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <app-address readonly=\"true\" #address2 [formControl]=\"address\" [countyRequired]=\"false\" [fromPopup]=\"true\"> </app-address>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]=\"address\" [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              <mat-error class=\"app-grid\" *ngIf=\"address?.errors?.addressValidationFlag && isFormSubmitted.submitted\">\r\n                {{\"common.valid.address\"|translate}}\r\n              </mat-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"workCity\">{{\"induction.add.employment.work.location.city\"|translate}} </label>\r\n                  <input id=\"workCity\" type=\"input\" pInputText [formControl]=\"workCity\" maxlength=\"30\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='workCity' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label id=\"workState-label\" for=\"workState\">{{\"induction.add.employment.work.location.state\"|translate}}</label>\r\n                  <p-dropdown [options]=\"prevWorkedState.value==='KS'?statesOptions:nonKSStatesOptions\"\r\n                    [formControl]=\"workState\" optionLabel=\"text\" appendTo=\"body\" [autoDisplayFirst]=\"false\"\r\n                    inputId=\"workState\" (onChange)=\"validateWagesDisplay($event)\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='workState' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label id=\"fedWorkCountry-label\" for=\"fedWorkCountry\">{{\"induction.add.employment.fed.work.location.country\"|translate}}</label>\r\n              <p-dropdown [options]=\"workCountryOptions\" [formControl]=\"fedWorkCountry\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"fedWorkCountry\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedWorkCountry' [errDef]=\"{ \r\n                                 required:  required,\r\n                                }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='FED'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"fedWorkCity\">{{\"induction.add.employment.work.location.city\"|translate}}</label>\r\n                  <input id=\"fedWorkCity\" type=\"input\" pInputText [formControl]=\"fedWorkCity\" maxlength=\"30\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedWorkCity' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\" *ngIf=\"showWorkState === true\">\r\n                <div class=\"field\">\r\n                  <label id=\"fedWorkState-label\" for=\"fedWorkState\">{{\"induction.add.employment.work.location.state\"|translate}}</label>\r\n                  <p-dropdown [options]=\"statesOptions\" [formControl]=\"fedWorkState\" optionLabel=\"text\" appendTo=\"body\"\r\n                    [autoDisplayFirst]=\"false\" inputId=\"fedWorkState\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedWorkState' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='FED'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"startDateFed\">{{\"induction.add.employment.fed.startdate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"startDateFed\" [showIcon]=\"true\" [maxDate]=\"dateTime\" inputId=\"startDateFed\"\r\n                    [formControl]=\"startDateFed\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" appendTo=\"body\"\r\n                    dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                    [minDate]=\"minWorkStartDate\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='startDateFed' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"endDateFed\">{{\"induction.add.employment.fed.enddate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"endDateFed\" [showIcon]=\"true\" inputId=\"endDateFed\" [maxDate]=\"dateTime\"\r\n                    [minDate]=\"minDate\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n                    appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDateFed\"\r\n                    [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='endDateFed' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"fedJobTileOrPosition\">{{\"induction.add.employment.fed.jobtitle\"|translate}}</label>\r\n              <input id=\"fedJobTileOrPosition\" type=\"input\" pInputText [formControl]=\"fedJobTileOrPosition\"\r\n                maxlength=\"100\" />\r\n              <!--  <p-autoComplete [formControl]=\"fedJobTileOrPosition\" [suggestions]=\"fedJobTileOptions\" \r\n                (completeMethod)=\"filterFedJobTileOrPosition($event)\" field=\"jobTitle\" [dropdown]=\"false\" \r\n                placeholder=\"Start... typing job title\" minLength=3 forceSelection=\"true\">\r\n                <ng-template let-value pTemplate=\"item\">\r\n                  <div>\r\n                    <div>{{value.jobTitle}}</div>\r\n                  </div>\r\n                </ng-template>\r\n              </p-autoComplete> -->\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedJobTileOrPosition' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"sfEightflag\">{{\"induction.add.employment.fed.sfeight\"|translate}} </label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"sfEightflag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"sfEightflag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sfEightflag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='REG'\">\r\n\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"startDate\">{{\"induction.confirm.employment.startdate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"startDate\" [showIcon]=\"true\" inputId=\"startDate\" [maxDate]=\"dateTime\"\r\n                    [formControl]=\"startDate\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" [minDate]=\"minWorkStartDate\"\r\n                    appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='startDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"endDate\">{{\"induction.confirm.employment.enddate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"endDate\" [showIcon]=\"true\" inputId=\"endDate\" [minDate]=\"minDate\"\r\n                    [maxDate]=\"dateTime\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n                    appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDate\"\r\n                    (onBlur)=\"validateWagesDisplay($event)\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                    (onSelect)=\"validateWagesDisplay($event)\"></p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='endDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            \r\n            <ion-row *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer  && employerType.value==='REG'\">            \r\n              <!-- <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"numberEmployed\">{{\"induction.add.employment.reg.employees.no\" | translate}} </label>\r\n                  <p-inputNumber [id]=\"numberEmployed\" [useGrouping]=\"false\" [formControl]=\"numberEmployed\"\r\n                    maxlength=\"9\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='numberEmployed' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col> -->\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"workType\">{{\"induction.add.employment.reg.work.type\" | translate}}</label>\r\n                  <input id=\"workType\" type=\"input\" pInputText [formControl]=\"workType\" maxlength=\"50\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='workType' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <!-- <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"claimantEmployedWithEmpr\">Were you employed while a spouse of a US military member stationed at\r\n                a foreign military base?</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"yesNoNaOptions\" [formControl]=\"claimantEmployedWithEmpr\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='claimantEmployedWithEmpr'                   [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"performedService\">{{\"induction.add.employment.fed.civilian.work\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"performedService\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"performedService\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='performedService' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"jobTileOrPosition\">{{\"induction.confirm.employment.jobtitle\"|translate}}</label>\r\n              <input id=\"jobTileOrPosition\" type=\"input\" pInputText [formControl]=\"jobTileOrPosition\" maxlength=\"100\" />\r\n              <!-- <p-autoComplete [formControl]=\"jobTileOrPosition\" [suggestions]=\"jobTileOrPositionOptions\" \r\n                (completeMethod)=\"filterJobTileOrPosition($event)\" field=\"jobTitle\" (onClear)=\"onClearAction($event)\" \r\n                 [dropdown]=\"false\" placeholder=\"Start... typing job title\" minLength=3 forceSelection=\"true\">\r\n                <ng-template let-value pTemplate=\"item\">\r\n                  <div>\r\n                    <div>{{value.jobTitle}}</div>\r\n                  </div>\r\n                </ng-template>\r\n              </p-autoComplete> -->\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='jobTileOrPosition' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && isBasePeriodEmployer && workFlag.value==='Y'\">\r\n               <ion-col style=\"padding-right:5px; padding-left: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"payRate\">{{\"induction.confirm.employment.payrate\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"payRate\" [formControl]=\"payRate\" mode=\"currency\" currency=\"USD\" [max]=\"999999.99\" maxlength=\"12\"\r\n                    locale=\"en-US\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col style=\"padding-right:5px; padding-left: 0px;\">\r\n                <div class=\"field\">\r\n                  <label id=\"payRateFrequency-label\" for=\"payRateFrequency\">{{\"induction.confirm.employment.per\"|translate}}</label>\r\n                  <p-dropdown [options]=\"payRateOptions\" [formControl]=\"payRateFrequency\" optionLabel=\"text\"\r\n                    appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"payRateFrequency\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRateFrequency' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"employerTelephoneNumber\">{{\"induction.confirm.employment.employer.phone\"|translate}}</label>\r\n\r\n              <p-inputMask mask=\"999-999-9999\" inputId=\"employerTelephoneNumber\" [formControl]=\"employerTelephoneNumber\"\r\n                placeholder=\"999-999-9999\"></p-inputMask>\r\n\r\n\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='employerTelephoneNumber' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value=='REG' || employerType.value==='FED'\">\r\n              <label id=\"reasonSeparation-label\" for=\"reasonSeparation\" *ngIf=\"employerType.value==='REG'\">{{\"induction.confirm.employment.reason.separation\"|translate}}</label>\r\n              <label id=\"reasonSeparation-label\" for=\"reasonSeparation\" *ngIf=\"employerType.value==='FED'\">{{\"induction.add.employment.fed.reason.separation\"|translate}}</label>\r\n              <p-dropdown [options]=\"employmentStatusOptionsAll\" [formControl]=\"reasonSeparation\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"reasonSeparation\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='reasonSeparation' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <!-- add for quit and discharge -->\r\n            <div class=\"field\" *ngIf=\"reasonSeparation.value?.value === 'DCFI' \r\n                && employerType.value!='MIL'\">\r\n              <label id=\"dischargeDetail-label\" for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label>\r\n              <p-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"dischargeDetail\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"dischargeDetail\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='dischargeDetail' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"reasonSeparation.value?.value === 'VOLQ' \r\n              && employerType.value!='MIL'\">\r\n              <label id=\"volQuitDetails-label\" for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label>\r\n              <p-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"volQuitDetails\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"volQuitDetails\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='volQuitDetails' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL' \">\r\n              <label for=\"milPensionFlag\">{{\"induction.add.employment.mil.pension\"|translate}}\r\n                <br> {{\"induction.add.employment.mil.pension.disclaimer\"|translate}}\r\n              </label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"milPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"milPensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='milPensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\"\r\n              *ngIf=\"employerType.value==='MIL' && this.milPensionFlag.value === 'Y' && this.currentState != 'ME'\">\r\n              <label for=\"milPensionRecvDate\">{{\"induction.add.employment.mil.pension.date\"|translate}}</label>\r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"milPensionRecvDate\" [formControl]=\"milPensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='milPensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL' \">\r\n              <label for=\"dd214Flag\">{{\"induction.add.employment.mil.dd214\"|translate}}\r\n              </label><br>\r\n              <div style=\"inline-size: min-content; display: inline-flex;\">\r\n                <p-selectButton inputId=\"dd214Flag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"dd214Flag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-overlay-info [overlayText]=\"dd214Info\"></app-overlay-info>\r\n              </div>\r\n            </div>\r\n            <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='dd214Flag' [errDef]=\"{ \r\n             required:  required,\r\n            }\"></app-error>\r\n          </div>\r\n        </ion-col>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid p-formgrid\">\r\n\r\n            <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='MIL' && dd214Flag.value==='Y'\">\r\n              <ion-col style=\"border-style: solid;\r\n                          border-width: 1px;\">\r\n                <div [innerHTML]=\"paraOne | translate\">\r\n                </div>\r\n                <!-- <app-file-uploader [formControl]=\"dd214File\" [uploadedFileForEdit]=\"dd214File.value\"></app-file-uploader> -->\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraTwo | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraThree | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraFour | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraFive | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraSix| translate)\" style=\"padding-left: 15px;\">\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n\r\n            <ion-row *ngIf=\"employerType.value==='MIL' && dd214Flag.value==='N'\">\r\n              <ion-col style=\"border-style: solid;\r\n                border-width: 1px;\">\r\n                <div [innerHTML]=\"noParaOne | translate\">\r\n                </div>\r\n                <!-- <app-file-uploader [formControl]=\"dd214File\" [uploadedFileForEdit]=\"dd214File.value\"></app-file-uploader> -->\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaTwo | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaThree | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaFour | translate)\"\r\n                  style=\"padding-left: 15px;\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaFive | translate)\">\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n              <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer && osaBpEmployerFlag.value ==='1'\"> <!--Old code-->\r\n              <ion-col style=\"padding-top: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"grossWages\" style=\"inline-size: max-content;\">\r\n                    {{\"induction.add.employment.total.wages.earned\"|translate}}\r\n                  </label>\r\n                  <p-inputNumber inputId=\"grossWages\" [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n                    [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='grossWages' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding-right:5px; padding-left: 0px; padding-top: 0px;\" *ngIf=\"!isBasePeriodEmployer\">\r\n                <div class=\"field\">\r\n                  <label for=\"payRate\">{{\"induction.add.employment.payrate\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"payRate\" [formControl]=\"payRate\" mode=\"currency\" currency=\"USD\"\r\n                    [max]=\"999999.99\" maxlength=\"12\" locale=\"en-US\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col style=\"padding-right:5px;padding-top: 0px;\" *ngIf=\"!isBasePeriodEmployer\">\r\n                <div class=\"field\">\r\n                  <label id=\"payRateFrequency-label\" for=\"payRateFrequency\">{{\"induction.add.employment.per\"|translate}}</label>\r\n                  <p-dropdown [options]=\"payRateOptions\" [formControl]=\"payRateFrequency\" optionLabel=\"text\"\r\n                    appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"payRateFrequency\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRateFrequency' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <!-- <ion-col *ngIf=\"displayVerificationOfWages.value\" style=\"padding-top: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"grossWages\"  style=\"inline-size: max-content;\">Total Wages Earned</label>\r\n                  <p-inputNumber [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\" [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='grossWages' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col> -->\r\n              <!--<ion-col *ngIf=\"displayVerificationOfWages.value  style=\"padding-top: 0px;\">  Old Code-->\r\n                <ion-col *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer\" style=\"padding-top: 0px;\"> <!--New condition was added-->\r\n                <div class=\"field\">\r\n                  <label for=\"grossWages\"  style=\"inline-size: max-content;\">{{\"induction.add.employment.total.wages.earned\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"grossWages\" [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\" [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='grossWages' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col> \r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED' \">\r\n              <label for=\"fedPensionFlag\">{{\"induction.add.employment.fed.pension\"|translate}}\r\n                <br> {{\"induction.add.employment.fed.pension.disclaimer\"|translate}}\r\n              </label>\r\n              <div style=\"inline-size: min-content; display:flex\">\r\n                <p-selectButton inputId=\"fedPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"fedPensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-overlay-info overlayText=\"{{'induction.add.employment.fed.pension.info'| translate}}\"\r\n                  style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedPensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\"\r\n              *ngIf=\"employerType.value==='FED' && this.fedPensionFlag.value === 'Y' && this.currentState != 'ME'\">\r\n              <label for=\"fedPensionRecvDate\">{{\"induction.add.employment.fed.pension.date\"|translate}}</label>\r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"fedPensionRecvDate\" [formControl]=\"fedPensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedPensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED' && this.currentState === 'ME' \">\r\n              <label for=\"sevPayFlag\">{{\"induction.add.employment.fed.severance\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"sevPayFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"sevPayFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='FED' && sevPayFlag.value==='Y'\">\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"weeklyAmount\">{{\"induction.add.employment.fed.severance.weekly.amt\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"weeklyAmount\" [formControl]=\"weeklyAmount\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n                    [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='weeklyAmount' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"numberOfWeeks\">{{\"induction.add.employment.fed.severance.weeks\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"numberOfWeeks\" [useGrouping]=\"false\" [formControl]=\"numberOfWeeks\" maxlength=\"4\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='numberOfWeeks' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n\r\n              <ion-col>\r\n                <div class=\"field\">\r\n                  <label for=\"sevPayAmount\">{{\"induction.add.employment.fed.severance.entitlement\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"sevPayAmount\" [formControl]=\"sevPayAmount\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n                    [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayAmount' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n\r\n            <ion-row *ngIf=\"employerType.value==='FED' && sevPayFlag.value==='Y'\">\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"sevPayStartDate\">{{\"induction.add.employment.fed.severance.start.date\"|translate}}</label>\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"sevPayStartDate\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" [formControl]=\"sevPayStartDate\" [yearNavigator]=\"true\"\r\n                    yearRange=\"1901:2050\" appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\"\r\n                    dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayStartDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"sevPayEndDate\">{{\"induction.add.employment.fed.severance.end.date\"|translate}}</label>\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"sevPayEndDate\" [formControl]=\"sevPayEndDate\"\r\n                    [yearNavigator]=\"true\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\"\r\n                    appendTo=\"body\" [minDate]=\"minDate\" dataType=\"string\" [showOnFocus]=\"false\"\r\n                    (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayEndDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col>\r\n                <div class=\"field\">\r\n                  <label\r\n                    for=\"sevPayPaymentStartDate\">{{\"induction.add.employment.fed.severance.pay.date\"|translate}}</label>\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"sevPayPaymentStartDate\" [formControl]=\"sevPayPaymentStartDate\"\r\n                    [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                    placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayPaymentStartDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG' && workFlag.value==='Y'\">\r\n              <label for=\"pensionFlag\">{{\"induction.confirm.employment.pension\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"pensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"pensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='pensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> \r\n             \r\n            <div class=\"field\" *ngIf=\"isBasePeriodEmployer && workFlag.value==='Y' && pensionFlag.value==='Y'\r\n            && employerType.value==='REG' \"> <!-- this is questionable because above dependent question does not have isBasePeriodEmployer -->\r\n              <label for=\"pensionRecvDate\">{{\"induction.confirm.employment.pension.date\"|translate}}</label>\r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"pensionRecvDate\" [formControl]=\"pensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='pensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n              <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'\">\r\n              <label for=\"regPensionFlag\">{{\"induction.add.employment.reg.pension\"|translate}} <br />\r\n                {{\"induction.add.employment.reg.pension.disclaimer\"|translate}}</label>\r\n              <div style=\"inline-size: min-content; display:flex\">\r\n                <p-selectButton inputId=\"regPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"regPensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-overlay-info overlayText=\"{{'induction.add.employment.reg.pension.info'| translate}}\"\r\n                  style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='regPensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'\r\n            && regPensionFlag.value==='Y'\">\r\n              <label for=\"regPensionRecvDate\">{{\"induction.add.employment.reg.pension.date\"|translate}}</label>\r\n              \r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"regPensionRecvDate\" [formControl]=\"regPensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='regPensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"isClmtPaidWhileLow\">{{\"induction.confirm.employment.employer.pay.return.to.work\"|translate}}</label>\r\n              <div style=\"inline-size: min-content; display:flex;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"isClmtPaidWhileLow\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                  <app-overlay-info overlayText=\"{{'induction.add.employment.reg.employerPayReturnToWorkInfo'| translate}}\" \r\n                style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='isClmtPaidWhileLow' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"employerType.value==='REG' && currentState ==='ME'\">\r\n              <label for=\"hasShortTermDisability\">{{\"induction.confirm.employment.shorttermdisability\"|translate}} {{bpStartDateToDisplay | date:'MMMM d, yyyy'}} ?</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"hasShortTermDisability\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='hasShortTermDisability' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)&& employerType.value==='REG' && currentState==='ME'\">\r\n              <label for=\"hasRecvRemuneration\">{{\"induction.confirm.employment.remuneration.pay\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"hasRecvRemuneration\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='hasRecvRemuneration' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\" *ngIf=\"employerType.value==='REG' && currentState==='ME' && hasRecvRemuneration.value==='Y' && osaBpEmployerFlag.value==='0'\">\r\n              <label for=\"remunerationTypes\">{{\"induction.confirm.employment.remuneration.types\"|translate}}</label>\r\n              <p-checkbox [name]=\"'remunerationtypes-group'\" [value]=\"choice.value\" \r\n                [label]=\"choice.text\" *ngFor=\"let choice of remunerationTypeOptions\"  [formControl]=\"remunerationTypes\"\r\n                styleClass=\"app-p-checkbox\"></p-checkbox>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='remunerationTypes' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"employerType.value==='REG' && currentState ==='ME'\">\r\n              <label for=\"vacation\">{{\"induction.confirm.employment.vacation.break\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"vacation\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='vacation' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n\r\n            <!--<div *ngIf=\"displayVerificationOfWages.value && employerType.value==='REG'\"> Stephen Code-->\r\n              <div *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n                <div class=\"field\">\r\n                  <h4>{{\"induction.add.employment.reg.verification.wages.header\"|translate}}</h4>\r\n                </div>\r\n                <div class=\"field\">\r\n                  <label>{{\"induction.add.employment.reg.verification.wages.subheader\"|translate}}</label>\r\n                </div>\r\n              <div class=\"field\">\r\n                <label for=\"paymentType\">{{\"induction.add.employment.reg.verification.wages.paymode\"|translate}}</label>\r\n                <p-selectButton inputId=\"paymentType\" unselectable=\"true\" [options]=\"payMethodOptions\" [formControl]=\"paymentType\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='paymentType' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\">\r\n                <label for=\"docsReceived\">{{\"induction.add.employment.reg.verification.wages.docs\"|translate}}</label>\r\n                <p-selectButton inputId=\"docsReceived\" unselectable=\"true\" [options]=\"wageProofOptions\" [formControl]=\"docsReceived\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='docsReceived' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n              <div class=\"field\">\r\n                <label for=\"otherSSNFlag\">{{\"induction.add.employment.reg.verification.wages.other.ssn.flag\"|translate}}\r\n                </label>\r\n                <div style=\"inline-size: min-content;\">\r\n                  <p-selectButton inputId=\"otherSSNFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"otherSSNFlag\"\r\n                    optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherSSNFlag' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n                </div>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"this.otherSSNFlag.value === 'Y'\">\r\n                <label for=\"otherSSN\">{{\"induction.add.employment.reg.verification.wages.other.ssn\"|translate}}</label>\r\n                <p-inputMask inputId=\"otherSSN\" mask=\"999-99-9999\" [formControl]=\"otherSSN\" placeholder=\"999-99-9999\">\r\n                </p-inputMask>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherSSN' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <!-- <div class=\"field\">\r\n              <label for=\"hiredBy\">Manager's Name & Title</label>\r\n                  <input id=\"hiredBy\" type=\"input\" pInputText [formControl]=\"hiredBy\" maxlength=\"40\"/>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='hiredBy' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>             \r\n            </div> -->\r\n            </div>\r\n\r\n          <!--  <ion-row *ngIf=\"employerType.value==='FED'\"> Stephen Code -->\r\n\r\n            <ion-row *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">           \r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label\r\n                    for=\"otherNameFlag\">{{\"induction.add.employment.reg.verification.wages.other.name.flag\"|translate}}</label>\r\n                  <div style=\"inline-size: min-content;\">\r\n                    <p-selectButton inputId=\"otherNameFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"otherNameFlag\"\r\n                      optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                    <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherNameFlag' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n                  </div>\r\n                </div>\r\n                <div class=\"field\" *ngIf=\"this.otherNameFlag.value === 'Y'\">\r\n                  \r\n                  <label\r\n                    for=\"otherName\">{{\"induction.add.employment.reg.verification.wages.other.name\"|translate}}</label>\r\n                  <input id=\"otherName\" type=\"input\" pInputText [formControl]=\"otherName\" maxlength=\"30\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherName' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n\r\n            <!-- <ion-row *ngIf=\"workState.value && workState.value.value==='KS' && displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"fein\">FEIN</label>\r\n                  <p-inputNumber [id]=\"fein\" [useGrouping]=\"false\" [formControl]=\"fein\" maxlength=\"9\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fein' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"doingBusinessAs\">Doing Business As/Trade Name</label>\r\n                  <input id=\"doingBusinessAs\" type=\"input\" pInputText [formControl]=\"doingBusinessAs\" maxlength=\"100\"/>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='doingBusinessAs' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row> -->\r\n\r\n           <ion-row *ngIf=\"employerType.value==='REG' && displayVerificationOfWages?.value \r\n                && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"businessNature\">{{\"induction.add.employment.reg.verification.nature\"|translate}}</label>\r\n                  <input id=\"businessNature\" type=\"input\" pInputText [formControl]=\"businessNature\" maxlength=\"250\"/>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='businessNature' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n           <!-- <div *ngIf=\"employerType.value==='FED' || (displayVerificationOfWages?.value && employerType.value==='REG' && prevWorkedState?.value === 'KS')\">\r\n              <div class=\"field\" *ngIf=\"employerType.value==='FED'\"> Stephen Code -->\r\n              <!-- <div *ngIf=\"employerType.value==='FED' && isNewClaim\">\r\n                <!--<label>{{\"induction.add.employment.fed.verification.wages\"|translate}}</label>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n                \r\n              </div> -->\r\n              <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n                <label>{{\"induction.add.employment.fed.verification.wages.statement\"|translate}}</label>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"employerType.value==='FED' || (employerType.value==='REG' && displayVerificationOfWages?.value)\">\r\n                <label>{{\"induction.add.employment.reg.verification.wages\"|translate}}</label>\r\n                <table rules=\"rows\">\r\n                  <tr>\r\n                    <th style=\"text-align: center;\">{{\"induction.add.employment.reg.verification.wages.col1\"|translate}}\r\n                    </th>\r\n                    <th>{{\"induction.add.employment.reg.verification.wages.col2\"|translate}}</th>\r\n                  </tr>\r\n                <ng-container formArrayName=\"wageAmountArray\">\r\n                  <ng-container *ngFor=\"let wageAmountForm of wageAmountArray.controls; let i = index\"\r\n                    [formGroupName]=\"i\">\r\n                    <tr *ngIf=\"((employerType.value==='FED') || (employerType.value==='REG' && wageAmountForm.value.displayForAll===true) )\">\r\n                      <td>\r\n                        <label [for]=\"'wageAmountArray-' + i\" >{{wageAmountForm.value.qtrYearDisplayString}}</label>\r\n                      </td>\r\n                      <td>\r\n                        <p-inputNumber [inputId]=\"'wageAmountArray-' + i\" ariaLabel=\"wageAmount\" formControlName=\"wageAmount\" mode=\"currency\" [min]=\"0.00\" [max]=\"999999.99\" maxlength=\"12\" currency=\"USD\" locale=\"en-US\">\r\n                        </p-inputNumber>\r\n                      </td>\r\n                    </tr>\r\n                </ng-container>\r\n                <tr *ngIf=\"wageAmountArray.errors?.requireCheckboxToBeChecked\">\r\n                  <td colspan=\"2\">\r\n                    <app-error [class]=\"'app-grid'\" [field]='wageAmountArray' [form]=\"isFormSubmitted\" [errDef]=\"{\r\n                      requireCheckboxToBeChecked: 'at least one amount must be greater than zero'\r\n                    }\"></app-error>\r\n                  </td>\r\n                </tr>                 \r\n              </ng-container>\r\n                </table>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"severance\">{{\"induction.add.employment.reg.severance\"|translate}}</label>\r\n              <div>\r\n                <p-selectButton inputId=\"severance\" [options]=\"radioOptions\" [formControl]=\"severance\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='severance'\r\n                [errDef]=\"{required: required}\"></app-error>\r\n            </div>\r\n          \r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row>\r\n        <ion-col class=\"ion-text-right\">\r\n          <ion-button [autofocus]=\"true\" tabindex=\"0\" shape=\"round\" style=\"width: 80px;\" fill=\"outline\" (click)=\"onModelCancel(false)\" (keyup.space)=\"onModelCancel(false)\" (keyup.enter)=\"onModelCancel(false)\"\r\n            type=\"reset\">{{\"induction.employment.button.cancel\"|translate}} </ion-button>\r\n          <ion-button tabindex=\"0\" shape=\"round\" style=\"width: 80px;\" (click)=\"save()\" type=\"submit\" *ngIf=\"isBasePeriodEmployer\" (keyup.space)=\"save()\" (keyup.enter)=\"save()\">\r\n            {{\"induction.employment.button.save\"|translate}} </ion-button>\r\n          <ion-button tabindex=\"0\" shape=\"round\" style=\"width: 80px;\" (click)=\"add()\" type=\"submit\" *ngIf=\"!isBasePeriodEmployer\" (keyup.space)=\"add()\" (keyup.enter)=\"add()\"\r\n            [attr.aria-label]=\"'Add an employer' | translate\"> {{\"induction.employment.button.add\"|translate}}\r\n          </ion-button>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ion-grid>\r\n  </form>\r\n</p-dialog>", styles: [".p-fluid .p-buttonset{display:flex}.p-selectbutton .p-button{width:50px!important}.disabled{cursor:not-allowed;pointer-events:none}.disabled ::ng-deep *{color:gray;border-color:gray}table,th,td{border-collapse:collapse;padding:5px}table th{background-color:#f1f1f1}table{width:100%}.app-grid{color:red}\n"] }]
+        args: [{ selector: 'app-add-employer', template: "<p-dialog visible=\"true\" position=\"top\" appendTo=\"body\" [showHeader]=\"false\" [draggable]=\"false\"\r\n  [resizable]=\"false\" [style]=\"{width: '60vw'}\"\r\n  [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '660px', '576px': '100vw'}\">\r\n  <h4 style=\"color: var(--ion-color-grey); padding-left: 20px;\"> {{\"induction.confirm.employment.heading\"|translate}}\r\n  </h4>\r\n  <form #employerForm [formGroup]=\"addEmployerForm\">\r\n    <ion-grid *ngIf=\"addEmployerForm?.controls\"> <!--To Review-->\r\n      <ion-row>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid p-formgrid\">\r\n            <div class=\"field\" *ngIf=\"isBasePeriodEmployer\">\r\n              {{customerName}}\r\n              <div *ngIf=\"aliasName != null\">\r\n                {{\"induction.confirm.employment.dba\"|translate}} {{aliasName}}</div>\r\n              <br>\r\n              <span style=\"font-size: 12px;\"> {{mailingAddressDisplay}}\r\n              </span>\r\n              <div *ngIf=\"isCSR\">\r\n                <br>\r\n                {{\"induction.confirm.employment.employer.wages\"|translate}}\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"isCSR\">\r\n                <p-table [value]=\"employerProvidedWages\" styleClass=\"p-datatable-striped app-datatable ion-padding-top\"\r\n                  [columns]=\"employerProvidedWages\">\r\n                  <ng-template pTemplate=\"header\" let-columns>\r\n                    <tr>\r\n                      <th *ngFor=\"let col of columns\">\r\n                        <b>{{ col.qtrYearDisplayString }}</b>\r\n                      </th>\r\n                    </tr>\r\n                    <tr>\r\n                      <td *ngFor=\"let col of columns\">\r\n                        {{col.wageAmount | currency}}\r\n                      </td>\r\n                    </tr>\r\n                  </ng-template>\r\n                </p-table>\r\n              </div>\r\n            </div>\r\n             <div class=\"field\" *ngIf=\"workFlag?.value == 'Y'\">\r\n              <label>{{\"induction.confirm.employment.workflag.no\"|translate}}<br /> <br />\r\n                {{\"induction.confirm.employment.workflag.no.line2\"|translate}}</label>\r\n            </div> \r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer\">\r\n              <label for=\"employerType\">{{\"induction.add.employment.employer.type\"|translate}}</label>\r\n              <div style=\"inline-size: inherit;\">\r\n                <p-selectButton inputId=\"employerType\" [options]=\"employerTypeOptions\" optionLabel=\"text\" optionValue=\"value\"\r\n                  [formControl]=\"employerType\" [class.disabled]=\"noEditMode\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='employerType' [errDef]=\"{    \r\n                   required:  required,\r\n            }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'  \">\r\n              <label for=\"prevWorkedState\">{{\"induction.add.employment.work.state\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"prevWorkedState\" [options]=\"prevWorkedStateOptions\" [formControl]=\"prevWorkedState\" optionLabel=\"text\"\r\n                  optionValue=\"value\" [class.disabled]=\"noEditMode\"\r\n                  (onOptionClick)=\"onToggleChangePrevWorkedState($event)\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='prevWorkedState' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'  \">\r\n              <label for=\"employerName\">{{\"induction.add.employment.employer.name\"|translate}}</label>\r\n              <div *ngIf=\"prevWorkedState.value==='KS'; else elseBlock\">\r\n                <app-search-employer inputId=\"employerName\" [formControl]=\"employerName\" empType=\"REG\" (onFound)=\"setEmployer($event)\"\r\n                  (onEmpty)=\"resetEmployer($event)\"></app-search-employer>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='employerName' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n              <ng-template #elseBlock>\r\n                <div class=\"field\">\r\n                  <input id=\"employerName\" type=\"input\" pInputText [formControl]=\"othStateEmpName\" maxlength=\"50\">\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='othStateEmpName' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n                </div>\r\n              </ng-template>\r\n            </div>\r\n            <div class=\"field\" style=\"width: inherit !important;\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"fedEmployerName\">{{\"induction.add.employment.employer.fed.name\"|translate}}</label>\r\n              <app-search-employer [formControl]=\"fedEmployerName\" empType=\"FED\" (onFound)=\"setFedEmployer($event)\"\r\n                (onEmpty)=\"resetFedEmployer($event)\"></app-search-employer>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedEmployerName' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL'\">\r\n              <label id=\"serviceBranch-label\" for=\"serviceBranch\">{{\"induction.add.employment.mil.service.branch\"|translate}}</label>\r\n              <p-dropdown [options]=\"militaryServiceOptions\" [formControl]=\"serviceBranch\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"serviceBranch\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='serviceBranch' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL'\">\r\n              <label id=\"mil-state-label\" for=\"mil-state\">\r\n                {{\"induction.add.employment.physical.location\"|translate}}\r\n              </label>\r\n              <p-dropdown [formControl]=\"milState\" [options]=\"statesOptions\" optionLabel=\"text\" inputId=\"mil-state\" appendTo=\"body\">\r\n\r\n              </p-dropdown>\r\n              <app-error class=\"app-grid\" [form]=\"isFormSubmitted\" [field]=\"milState\" [errDef]=\"{\r\n               required:  required\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='MIL'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"startDateMil\">{{\"induction.add.employment.mil.startdate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"startDateMil\" [showIcon]=\"true\" inputId=\"startDateMil\"\r\n                    [formControl]=\"startDateMil\" [maxDate]=\"dateTime\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"\r\n                    appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                    [minDate]=\"minWorkStartDate\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='startDateMil' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"endDateMil\">{{\"induction.add.employment.mil.enddate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"endDateMil\" [showIcon]=\"true\" inputId=\"endDateMil\" [maxDate]=\"dateTime\"\r\n                    [minDate]=\"minDate\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n                    appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDateMil\"\r\n                    [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='endDateMil' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='FED' && hideFicCode\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"ficCode\">{{\"induction.add.employment.fed.fic.code\"|translate}}</label>\r\n                  <input id=\"ficCode\" type=\"input\" pInputText [formControl]=\"ficCode\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='ficCode' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"ficDestinationName\">{{\"induction.add.employment.fed.fic.destination\"|translate}}</label>\r\n                  <input id=\"ficDestinationName\" type=\"input\" pInputText [formControl]=\"ficDestinationName\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='ficDestinationName' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding-left: 0px; padding-right: 0px;\">\r\n                <app-address #address1 [formControl]=\"address\" [countyRequired]=\"false\" [fromPopup]=\"true\">\r\n                </app-address>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <app-address readonly=\"true\" #address2 [formControl]=\"address\" [countyRequired]=\"false\" [fromPopup]=\"true\"> </app-address>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]=\"address\" [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              <mat-error class=\"app-grid\" *ngIf=\"address?.errors?.addressValidationFlag && isFormSubmitted.submitted\">\r\n                {{\"common.valid.address\"|translate}}\r\n              </mat-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"workCity\">{{\"induction.add.employment.work.location.city\"|translate}} </label>\r\n                  <input id=\"workCity\" type=\"input\" pInputText [formControl]=\"workCity\" maxlength=\"30\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='workCity' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label id=\"workState-label\" for=\"workState\">{{\"induction.add.employment.work.location.state\"|translate}}</label>\r\n                  <p-dropdown [options]=\"prevWorkedState.value==='KS'?statesOptions:nonKSStatesOptions\"\r\n                    [formControl]=\"workState\" optionLabel=\"text\" appendTo=\"body\" [autoDisplayFirst]=\"false\"\r\n                    inputId=\"workState\" (onChange)=\"validateWagesDisplay($event)\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='workState' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label id=\"fedWorkCountry-label\" for=\"fedWorkCountry\">{{\"induction.add.employment.fed.work.location.country\"|translate}}</label>\r\n              <p-dropdown [options]=\"workCountryOptions\" [formControl]=\"fedWorkCountry\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"fedWorkCountry\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedWorkCountry' [errDef]=\"{ \r\n                                 required:  required,\r\n                                }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='FED'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"fedWorkCity\">{{\"induction.add.employment.work.location.city\"|translate}}</label>\r\n                  <input id=\"fedWorkCity\" type=\"input\" pInputText [formControl]=\"fedWorkCity\" maxlength=\"30\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedWorkCity' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\" *ngIf=\"showWorkState === true\">\r\n                <div class=\"field\">\r\n                  <label id=\"fedWorkState-label\" for=\"fedWorkState\">{{\"induction.add.employment.work.location.state\"|translate}}</label>\r\n                  <p-dropdown [options]=\"statesOptions\" [formControl]=\"fedWorkState\" optionLabel=\"text\" appendTo=\"body\"\r\n                    [autoDisplayFirst]=\"false\" inputId=\"fedWorkState\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedWorkState' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='FED'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"startDateFed\">{{\"induction.add.employment.fed.startdate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"startDateFed\" [showIcon]=\"true\" [maxDate]=\"dateTime\" inputId=\"startDateFed\"\r\n                    [formControl]=\"startDateFed\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" appendTo=\"body\"\r\n                    dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                    [minDate]=\"minWorkStartDate\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='startDateFed' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"endDateFed\">{{\"induction.add.employment.fed.enddate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"endDateFed\" [showIcon]=\"true\" inputId=\"endDateFed\" [maxDate]=\"dateTime\"\r\n                    [minDate]=\"minDate\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n                    appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDateFed\"\r\n                    [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='endDateFed' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"fedJobTileOrPosition\">{{\"induction.add.employment.fed.jobtitle\"|translate}}</label>\r\n              <input id=\"fedJobTileOrPosition\" type=\"input\" pInputText [formControl]=\"fedJobTileOrPosition\"\r\n                maxlength=\"100\" />\r\n              <!--  <p-autoComplete [formControl]=\"fedJobTileOrPosition\" [suggestions]=\"fedJobTileOptions\" \r\n                (completeMethod)=\"filterFedJobTileOrPosition($event)\" field=\"jobTitle\" [dropdown]=\"false\" \r\n                placeholder=\"Start... typing job title\" minLength=3 forceSelection=\"true\">\r\n                <ng-template let-value pTemplate=\"item\">\r\n                  <div>\r\n                    <div>{{value.jobTitle}}</div>\r\n                  </div>\r\n                </ng-template>\r\n              </p-autoComplete> -->\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedJobTileOrPosition' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"sfEightflag\">{{\"induction.add.employment.fed.sfeight\"|translate}} </label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"sfEightflag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"sfEightflag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sfEightflag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='REG'\">\r\n\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"startDate\">{{\"induction.confirm.employment.startdate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"startDate\" [showIcon]=\"true\" inputId=\"startDate\" [maxDate]=\"dateTime\"\r\n                    [formControl]=\"startDate\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" [minDate]=\"minWorkStartDate\"\r\n                    appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='startDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"endDate\">{{\"induction.confirm.employment.enddate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"endDate\" [showIcon]=\"true\" inputId=\"endDate\" [minDate]=\"minDate\"\r\n                    [maxDate]=\"dateTime\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n                    appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDate\"\r\n                    (onBlur)=\"validateWagesDisplay($event)\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                    (onSelect)=\"validateWagesDisplay($event)\"></p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='endDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            \r\n            <ion-row *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer  && employerType.value==='REG'\">            \r\n              <!-- <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"numberEmployed\">{{\"induction.add.employment.reg.employees.no\" | translate}} </label>\r\n                  <p-inputNumber [id]=\"numberEmployed\" [useGrouping]=\"false\" [formControl]=\"numberEmployed\"\r\n                    maxlength=\"9\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='numberEmployed' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col> -->\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"workType\">{{\"induction.add.employment.reg.work.type\" | translate}}</label>\r\n                  <input id=\"workType\" type=\"input\" pInputText [formControl]=\"workType\" maxlength=\"50\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='workType' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <!-- <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"claimantEmployedWithEmpr\">Were you employed while a spouse of a US military member stationed at\r\n                a foreign military base?</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"yesNoNaOptions\" [formControl]=\"claimantEmployedWithEmpr\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='claimantEmployedWithEmpr'                   [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"performedService\">{{\"induction.add.employment.fed.civilian.work\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"performedService\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"performedService\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='performedService' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"jobTileOrPosition\">{{\"induction.confirm.employment.jobtitle\"|translate}}</label>\r\n              <input id=\"jobTileOrPosition\" type=\"input\" pInputText [formControl]=\"jobTileOrPosition\" maxlength=\"100\" />\r\n              <!-- <p-autoComplete [formControl]=\"jobTileOrPosition\" [suggestions]=\"jobTileOrPositionOptions\" \r\n                (completeMethod)=\"filterJobTileOrPosition($event)\" field=\"jobTitle\" (onClear)=\"onClearAction($event)\" \r\n                 [dropdown]=\"false\" placeholder=\"Start... typing job title\" minLength=3 forceSelection=\"true\">\r\n                <ng-template let-value pTemplate=\"item\">\r\n                  <div>\r\n                    <div>{{value.jobTitle}}</div>\r\n                  </div>\r\n                </ng-template>\r\n              </p-autoComplete> -->\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='jobTileOrPosition' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && isBasePeriodEmployer && workFlag.value==='Y'\">\r\n               <ion-col style=\"padding-right:5px; padding-left: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"payRate\">{{\"induction.confirm.employment.payrate\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"payRate\" [formControl]=\"payRate\" mode=\"currency\" currency=\"USD\" [max]=\"999999.99\" maxlength=\"12\"\r\n                    locale=\"en-US\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col style=\"padding-right:5px; padding-left: 0px;\">\r\n                <div class=\"field\">\r\n                  <label id=\"payRateFrequency-label\" for=\"payRateFrequency\">{{\"induction.confirm.employment.per\"|translate}}</label>\r\n                  <p-dropdown [options]=\"payRateOptions\" [formControl]=\"payRateFrequency\" optionLabel=\"text\"\r\n                    appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"payRateFrequency\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRateFrequency' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"employerTelephoneNumber\">{{\"induction.confirm.employment.employer.phone\"|translate}}</label>\r\n\r\n              <p-inputMask mask=\"999-999-9999\" inputId=\"employerTelephoneNumber\" [formControl]=\"employerTelephoneNumber\"\r\n                placeholder=\"999-999-9999\"></p-inputMask>\r\n\r\n\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='employerTelephoneNumber' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value=='REG' || employerType.value==='FED'\">\r\n              <label id=\"reasonSeparation-label\" for=\"reasonSeparation\" *ngIf=\"employerType.value==='REG'\">{{\"induction.confirm.employment.reason.separation\"|translate}}</label>\r\n              <label id=\"reasonSeparation-label\" for=\"reasonSeparation\" *ngIf=\"employerType.value==='FED'\">{{\"induction.add.employment.fed.reason.separation\"|translate}}</label>\r\n              <p-dropdown [options]=\"employmentStatusOptionsAll\" [formControl]=\"reasonSeparation\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"reasonSeparation\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='reasonSeparation' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <!-- add for quit and discharge -->\r\n            <div class=\"field\" *ngIf=\"reasonSeparation.value?.value === 'DCFI' \r\n                && employerType.value!='MIL'\">\r\n              <label id=\"dischargeDetail-label\" for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label>\r\n              <p-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"dischargeDetail\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"dischargeDetail\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='dischargeDetail' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"reasonSeparation.value?.value === 'VOLQ' \r\n              && employerType.value!='MIL'\">\r\n              <label id=\"volQuitDetails-label\" for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label>\r\n              <p-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"volQuitDetails\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"volQuitDetails\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='volQuitDetails' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL' \">\r\n              <label for=\"milPensionFlag\">{{\"induction.add.employment.mil.pension\"|translate}}\r\n                <br> {{\"induction.add.employment.mil.pension.disclaimer\"|translate}}\r\n              </label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"milPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"milPensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='milPensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\"\r\n              *ngIf=\"employerType.value==='MIL' && this.milPensionFlag.value === 'Y' && this.currentState != 'ME'\">\r\n              <label for=\"milPensionRecvDate\">{{\"induction.add.employment.mil.pension.date\"|translate}}</label>\r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"milPensionRecvDate\" [formControl]=\"milPensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='milPensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL' \">\r\n              <label for=\"dd214Flag\">{{\"induction.add.employment.mil.dd214\"|translate}}\r\n              </label><br>\r\n              <div style=\"inline-size: min-content; display: inline-flex;\">\r\n                <p-selectButton inputId=\"dd214Flag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"dd214Flag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-overlay-info [overlayText]=\"dd214Info\"></app-overlay-info>\r\n              </div>\r\n            </div>\r\n            <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='dd214Flag' [errDef]=\"{ \r\n             required:  required,\r\n            }\"></app-error>\r\n          </div>\r\n        </ion-col>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid p-formgrid\">\r\n\r\n            <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='MIL' && dd214Flag.value==='Y'\">\r\n              <ion-col style=\"border-style: solid;\r\n                          border-width: 1px;\">\r\n                <div [innerHTML]=\"paraOne | translate\">\r\n                </div>\r\n                <!-- <app-file-uploader [formControl]=\"dd214File\" [uploadedFileForEdit]=\"dd214File.value\"></app-file-uploader> -->\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraTwo | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraThree | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraFour | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraFive | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraSix| translate)\" style=\"padding-left: 15px;\">\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n\r\n            <ion-row *ngIf=\"employerType.value==='MIL' && dd214Flag.value==='N'\">\r\n              <ion-col style=\"border-style: solid;\r\n                border-width: 1px;\">\r\n                <div [innerHTML]=\"noParaOne | translate\">\r\n                </div>\r\n                <!-- <app-file-uploader [formControl]=\"dd214File\" [uploadedFileForEdit]=\"dd214File.value\"></app-file-uploader> -->\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaTwo | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaThree | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaFour | translate)\"\r\n                  style=\"padding-left: 15px;\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaFive | translate)\">\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n              <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer && osaBpEmployerFlag.value ==='1'\"> <!--Old code-->\r\n              <ion-col style=\"padding-top: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"grossWages\" style=\"inline-size: max-content;\">\r\n                    {{\"induction.add.employment.total.wages.earned\"|translate}}\r\n                  </label>\r\n                  <p-inputNumber inputId=\"grossWages\" [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n                    [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='grossWages' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding-right:5px; padding-left: 0px; padding-top: 0px;\" *ngIf=\"!isBasePeriodEmployer\">\r\n                <div class=\"field\">\r\n                  <label for=\"payRate\">{{\"induction.add.employment.payrate\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"payRate\" [formControl]=\"payRate\" mode=\"currency\" currency=\"USD\"\r\n                    [max]=\"999999.99\" maxlength=\"12\" locale=\"en-US\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col style=\"padding-right:5px;padding-top: 0px;\" *ngIf=\"!isBasePeriodEmployer\">\r\n                <div class=\"field\">\r\n                  <label id=\"payRateFrequency-label\" for=\"payRateFrequency\">{{\"induction.add.employment.per\"|translate}}</label>\r\n                  <p-dropdown [options]=\"payRateOptions\" [formControl]=\"payRateFrequency\" optionLabel=\"text\"\r\n                    appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"payRateFrequency\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRateFrequency' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <!-- <ion-col *ngIf=\"displayVerificationOfWages.value\" style=\"padding-top: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"grossWages\"  style=\"inline-size: max-content;\">Total Wages Earned</label>\r\n                  <p-inputNumber [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\" [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='grossWages' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col> -->\r\n              <!--<ion-col *ngIf=\"displayVerificationOfWages.value  style=\"padding-top: 0px;\">  Old Code-->\r\n                <ion-col *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer\" style=\"padding-top: 0px;\"> <!--New condition was added-->\r\n                <div class=\"field\">\r\n                  <label for=\"grossWages\"  style=\"inline-size: max-content;\">{{\"induction.add.employment.total.wages.earned\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"grossWages\" [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\" [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='grossWages' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col> \r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED' \">\r\n              <label for=\"fedPensionFlag\">{{\"induction.add.employment.fed.pension\"|translate}}\r\n                <br> {{\"induction.add.employment.fed.pension.disclaimer\"|translate}}\r\n              </label>\r\n              <div style=\"inline-size: min-content; display:flex\">\r\n                <p-selectButton inputId=\"fedPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"fedPensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-overlay-info overlayText=\"{{'induction.add.employment.fed.pension.info'| translate}}\"\r\n                  style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedPensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\"\r\n              *ngIf=\"employerType.value==='FED' && this.fedPensionFlag.value === 'Y' && this.currentState != 'ME'\">\r\n              <label for=\"fedPensionRecvDate\">{{\"induction.add.employment.fed.pension.date\"|translate}}</label>\r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"fedPensionRecvDate\" [formControl]=\"fedPensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedPensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED' && this.currentState === 'ME' \">\r\n              <label for=\"sevPayFlag\">{{\"induction.add.employment.fed.severance\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"sevPayFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"sevPayFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='FED' && sevPayFlag.value==='Y'\">\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"weeklyAmount\">{{\"induction.add.employment.fed.severance.weekly.amt\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"weeklyAmount\" [formControl]=\"weeklyAmount\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n                    [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='weeklyAmount' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"numberOfWeeks\">{{\"induction.add.employment.fed.severance.weeks\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"numberOfWeeks\" [useGrouping]=\"false\" [formControl]=\"numberOfWeeks\" maxlength=\"4\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='numberOfWeeks' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n\r\n              <ion-col>\r\n                <div class=\"field\">\r\n                  <label for=\"sevPayAmount\">{{\"induction.add.employment.fed.severance.entitlement\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"sevPayAmount\" [formControl]=\"sevPayAmount\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n                    [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayAmount' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n\r\n            <ion-row *ngIf=\"employerType.value==='FED' && sevPayFlag.value==='Y'\">\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"sevPayStartDate\">{{\"induction.add.employment.fed.severance.start.date\"|translate}}</label>\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"sevPayStartDate\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" [formControl]=\"sevPayStartDate\" [yearNavigator]=\"true\"\r\n                    yearRange=\"1901:2050\" appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\"\r\n                    dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayStartDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"sevPayEndDate\">{{\"induction.add.employment.fed.severance.end.date\"|translate}}</label>\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"sevPayEndDate\" [formControl]=\"sevPayEndDate\"\r\n                    [yearNavigator]=\"true\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\"\r\n                    appendTo=\"body\" [minDate]=\"minDate\" dataType=\"string\" [showOnFocus]=\"false\"\r\n                    (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayEndDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col>\r\n                <div class=\"field\">\r\n                  <label\r\n                    for=\"sevPayPaymentStartDate\">{{\"induction.add.employment.fed.severance.pay.date\"|translate}}</label>\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"sevPayPaymentStartDate\" [formControl]=\"sevPayPaymentStartDate\"\r\n                    [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                    placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayPaymentStartDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG' && workFlag.value==='Y'\">\r\n              <label for=\"pensionFlag\">{{\"induction.confirm.employment.pension\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"pensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"pensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='pensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> \r\n             \r\n            <div class=\"field\" *ngIf=\"isBasePeriodEmployer && workFlag.value==='Y' && pensionFlag.value==='Y'\r\n            && employerType.value==='REG' \"> <!-- this is questionable because above dependent question does not have isBasePeriodEmployer -->\r\n              <label for=\"pensionRecvDate\">{{\"induction.confirm.employment.pension.date\"|translate}}</label>\r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"pensionRecvDate\" [formControl]=\"pensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='pensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n              <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'\">\r\n              <label for=\"regPensionFlag\">{{\"induction.add.employment.reg.pension\"|translate}} <br />\r\n                {{\"induction.add.employment.reg.pension.disclaimer\"|translate}}</label>\r\n              <div style=\"inline-size: min-content; display:flex\">\r\n                <p-selectButton inputId=\"regPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"regPensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-overlay-info overlayText=\"{{'induction.add.employment.reg.pension.info'| translate}}\"\r\n                  style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='regPensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'\r\n            && regPensionFlag.value==='Y'\">\r\n              <label for=\"regPensionRecvDate\">{{\"induction.add.employment.reg.pension.date\"|translate}}</label>\r\n              \r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"regPensionRecvDate\" [formControl]=\"regPensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='regPensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"isClmtPaidWhileLow\">{{\"induction.confirm.employment.employer.pay.return.to.work\"|translate}}</label>\r\n              <div style=\"inline-size: min-content; display:flex;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"isClmtPaidWhileLow\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                  <app-overlay-info overlayText=\"{{'induction.add.employment.reg.employerPayReturnToWorkInfo'| translate}}\" \r\n                style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='isClmtPaidWhileLow' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"employerType.value==='REG' && currentState ==='ME'\">\r\n              <label for=\"hasShortTermDisability\">{{\"induction.confirm.employment.shorttermdisability\"|translate}} {{bpStartDateToDisplay | date:'MMMM d, yyyy'}} ?</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"hasShortTermDisability\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='hasShortTermDisability' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)&& employerType.value==='REG' && currentState==='ME'\">\r\n              <label for=\"hasRecvRemuneration\">{{\"induction.confirm.employment.remuneration.pay\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"hasRecvRemuneration\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='hasRecvRemuneration' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\" *ngIf=\"employerType.value==='REG' && currentState==='ME' && hasRecvRemuneration.value==='Y' && osaBpEmployerFlag.value==='0'\">\r\n              <label for=\"remunerationTypes\">{{\"induction.confirm.employment.remuneration.types\"|translate}}</label>\r\n              <p-checkbox [name]=\"'remunerationtypes-group'\" [value]=\"choice.value\" \r\n                [label]=\"choice.text\" *ngFor=\"let choice of remunerationTypeOptions\"  [formControl]=\"remunerationTypes\"\r\n                styleClass=\"app-p-checkbox\"></p-checkbox>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='remunerationTypes' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"employerType.value==='REG' && currentState ==='ME'\">\r\n              <label for=\"vacation\">{{\"induction.confirm.employment.vacation.break\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"vacation\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='vacation' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n\r\n            <!--<div *ngIf=\"displayVerificationOfWages.value && employerType.value==='REG'\"> Stephen Code-->\r\n              <div *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n                <div class=\"field\">\r\n                  <h4>{{\"induction.add.employment.reg.verification.wages.header\"|translate}}</h4>\r\n                </div>\r\n                <div class=\"field\">\r\n                  <label>{{\"induction.add.employment.reg.verification.wages.subheader\"|translate}}</label>\r\n                </div>\r\n              <div class=\"field\">\r\n                <label for=\"paymentType\">{{\"induction.add.employment.reg.verification.wages.paymode\"|translate}}</label>\r\n                <p-selectButton inputId=\"paymentType\" unselectable=\"true\" [options]=\"payMethodOptions\" [formControl]=\"paymentType\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='paymentType' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\">\r\n                <label for=\"docsReceived\">{{\"induction.add.employment.reg.verification.wages.docs\"|translate}}</label>\r\n                <p-selectButton inputId=\"docsReceived\" unselectable=\"true\" [options]=\"wageProofOptions\" [formControl]=\"docsReceived\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='docsReceived' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n              <div class=\"field\">\r\n                <label for=\"otherSSNFlag\">{{\"induction.add.employment.reg.verification.wages.other.ssn.flag\"|translate}}\r\n                </label>\r\n                <div style=\"inline-size: min-content;\">\r\n                  <p-selectButton inputId=\"otherSSNFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"otherSSNFlag\"\r\n                    optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherSSNFlag' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n                </div>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"this.otherSSNFlag.value === 'Y'\">\r\n                <label for=\"otherSSN\">{{\"induction.add.employment.reg.verification.wages.other.ssn\"|translate}}</label>\r\n                <p-inputMask inputId=\"otherSSN\" mask=\"999-99-9999\" [formControl]=\"otherSSN\" placeholder=\"999-99-9999\">\r\n                </p-inputMask>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherSSN' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <!-- <div class=\"field\">\r\n              <label for=\"hiredBy\">Manager's Name & Title</label>\r\n                  <input id=\"hiredBy\" type=\"input\" pInputText [formControl]=\"hiredBy\" maxlength=\"40\"/>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='hiredBy' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>             \r\n            </div> -->\r\n            </div>\r\n\r\n          <!--  <ion-row *ngIf=\"employerType.value==='FED'\"> Stephen Code -->\r\n\r\n            <ion-row *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">           \r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label\r\n                    for=\"otherNameFlag\">{{\"induction.add.employment.reg.verification.wages.other.name.flag\"|translate}}</label>\r\n                  <div style=\"inline-size: min-content;\">\r\n                    <p-selectButton inputId=\"otherNameFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"otherNameFlag\"\r\n                      optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                    <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherNameFlag' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n                  </div>\r\n                </div>\r\n                <div class=\"field\" *ngIf=\"this.otherNameFlag.value === 'Y'\">\r\n                  \r\n                  <label\r\n                    for=\"otherName\">{{\"induction.add.employment.reg.verification.wages.other.name\"|translate}}</label>\r\n                  <input id=\"otherName\" type=\"input\" pInputText [formControl]=\"otherName\" maxlength=\"30\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherName' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n\r\n            <!-- <ion-row *ngIf=\"workState.value && workState.value.value==='KS' && displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"fein\">FEIN</label>\r\n                  <p-inputNumber [id]=\"fein\" [useGrouping]=\"false\" [formControl]=\"fein\" maxlength=\"9\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fein' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"doingBusinessAs\">Doing Business As/Trade Name</label>\r\n                  <input id=\"doingBusinessAs\" type=\"input\" pInputText [formControl]=\"doingBusinessAs\" maxlength=\"100\"/>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='doingBusinessAs' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row> -->\r\n\r\n           <ion-row *ngIf=\"employerType.value==='REG' && displayVerificationOfWages?.value \r\n                && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"businessNature\">{{\"induction.add.employment.reg.verification.nature\"|translate}}</label>\r\n                  <input id=\"businessNature\" type=\"input\" pInputText [formControl]=\"businessNature\" maxlength=\"250\"/>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='businessNature' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n           <!-- <div *ngIf=\"employerType.value==='FED' || (displayVerificationOfWages?.value && employerType.value==='REG' && prevWorkedState?.value === 'KS')\">\r\n              <div class=\"field\" *ngIf=\"employerType.value==='FED'\"> Stephen Code -->\r\n              <!-- <div *ngIf=\"employerType.value==='FED' && isNewClaim\">\r\n                <!--<label>{{\"induction.add.employment.fed.verification.wages\"|translate}}</label>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n                \r\n              </div> -->\r\n              <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n                <label>{{\"induction.add.employment.fed.verification.wages.statement\"|translate}}</label>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"employerType.value==='FED' || (employerType.value==='REG' && displayVerificationOfWages?.value)\">\r\n                <label>{{\"induction.add.employment.reg.verification.wages\"|translate}}</label>\r\n                <table rules=\"rows\">\r\n                  <tr>\r\n                    <th style=\"text-align: center;\">{{\"induction.add.employment.reg.verification.wages.col1\"|translate}}\r\n                    </th>\r\n                    <th>{{\"induction.add.employment.reg.verification.wages.col2\"|translate}}</th>\r\n                  </tr>\r\n                <ng-container formArrayName=\"wageAmountArray\">\r\n                  <ng-container *ngFor=\"let wageAmountForm of wageAmountArray.controls; let i = index\"\r\n                    [formGroupName]=\"i\">\r\n                    <tr *ngIf=\"((employerType.value==='FED') || (employerType.value==='REG' && wageAmountForm.value.displayForAll===true) )\">\r\n                      <td>\r\n                        <label [for]=\"'wageAmountArray-' + i\" >{{wageAmountForm.value.qtrYearDisplayString}}</label>\r\n                      </td>\r\n                      <td>\r\n                        <p-inputNumber [inputId]=\"'wageAmountArray-' + i\" ariaLabel=\"wageAmount\" formControlName=\"wageAmount\" mode=\"currency\" [min]=\"0.00\" [max]=\"999999.99\" maxlength=\"12\" currency=\"USD\" locale=\"en-US\">\r\n                        </p-inputNumber>\r\n                      </td>\r\n                    </tr>\r\n                </ng-container>\r\n                <tr *ngIf=\"wageAmountArray.errors?.requireCheckboxToBeChecked\">\r\n                  <td colspan=\"2\">\r\n                    <app-error [class]=\"'app-grid'\" [field]='wageAmountArray' [form]=\"isFormSubmitted\" [errDef]=\"{\r\n                      requireCheckboxToBeChecked: requireCheckboxToBeChecked}\"></app-error>\r\n                  </td>\r\n                </tr>                 \r\n              </ng-container>\r\n                </table>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"severance\">{{\"induction.add.employment.reg.severance\"|translate}}</label>\r\n              <div>\r\n                <p-selectButton inputId=\"severance\" [options]=\"radioOptions\" [formControl]=\"severance\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='severance'\r\n                [errDef]=\"{required: required}\"></app-error>\r\n            </div>\r\n          \r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row>\r\n        <ion-col class=\"ion-text-right\">\r\n          <ion-button [autofocus]=\"true\" tabindex=\"0\" shape=\"round\" style=\"width: 80px;\" fill=\"outline\" (click)=\"onModelCancel(false)\" (keyup.space)=\"onModelCancel(false)\" (keyup.enter)=\"onModelCancel(false)\"\r\n            type=\"reset\">{{\"induction.employment.button.cancel\"|translate}} </ion-button>\r\n          <ion-button tabindex=\"0\" shape=\"round\" style=\"width: 80px;\" (click)=\"save()\" type=\"submit\" *ngIf=\"isBasePeriodEmployer\" (keyup.space)=\"save()\" (keyup.enter)=\"save()\">\r\n            {{\"induction.employment.button.save\"|translate}} </ion-button>\r\n          <ion-button tabindex=\"0\" shape=\"round\" style=\"width: 80px;\" (click)=\"add()\" type=\"submit\" *ngIf=\"!isBasePeriodEmployer\" (keyup.space)=\"add()\" (keyup.enter)=\"add()\"\r\n            [attr.aria-label]=\"'Add an employer' | translate\"> {{\"induction.employment.button.add\"|translate}}\r\n          </ion-button>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ion-grid>\r\n  </form>\r\n</p-dialog>", styles: [".p-fluid .p-buttonset{display:flex}.p-selectbutton .p-button{width:50px!important}.disabled{cursor:not-allowed;pointer-events:none}.disabled ::ng-deep *{color:gray;border-color:gray}table,th,td{border-collapse:collapse;padding:5px}table th{background-color:#f1f1f1}table{width:100%}.app-grid{color:red}\n"] }]
     }], () => [{ type: i1$6.UntypedFormBuilder }, { type: ValidationService }, { type: UtilService }, { type: i4$1.FilterService }, { type: LoggerService }, { type: i6.DomSanitizer }, { type: ClaimService }, { type: LoginService }, { type: i0.ElementRef }, { type: i4.ActivatedRoute }, { type: i6$1.TranslateService }], { address1: [{
             type: ViewChild,
             args: ['address1']
@@ -19811,7 +19814,7 @@ function EmployerGridComponent_p_dialog_29_ng_template_51_Template(rf, ctx) { if
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, "induction.employment.grid.popup.remove"), " ");
 } }
 const _c5$6 = () => ({ width: "45vw" });
-const _c6$2 = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
+const _c6$1 = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
 function EmployerGridComponent_p_dialog_29_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p-dialog", 36)(1, "h4", 37);
     i0.ɵɵtext(2);
@@ -19873,7 +19876,7 @@ function EmployerGridComponent_p_dialog_29_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵstyleMap(i0.ɵɵpureFunction0(40, _c5$6));
-    i0.ɵɵproperty("visible", ctx_r2.showConfirmPopup)("modal", true)("breakpoints", i0.ɵɵpureFunction0(41, _c6$2))("baseZIndex", 5000)("draggable", false)("resizable", false);
+    i0.ɵɵproperty("visible", ctx_r2.showConfirmPopup)("modal", true)("breakpoints", i0.ɵɵpureFunction0(41, _c6$1))("baseZIndex", 5000)("draggable", false)("resizable", false);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 20, "induction.employment.grid.popup.heading"));
     i0.ɵɵadvance(3);
@@ -19969,7 +19972,7 @@ function EmployerGridComponent_p_dialog_30_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
     i0.ɵɵstyleMap(i0.ɵɵpureFunction0(18, _c5$6));
-    i0.ɵɵproperty("visible", ctx_r3.showbpEmpDelPopup)("modal", true)("breakpoints", i0.ɵɵpureFunction0(19, _c6$2))("baseZIndex", 5000)("draggable", false)("resizable", false);
+    i0.ɵɵproperty("visible", ctx_r3.showbpEmpDelPopup)("modal", true)("breakpoints", i0.ɵɵpureFunction0(19, _c6$1))("baseZIndex", 5000)("draggable", false)("resizable", false);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 14, "induction.employment.grid.delete.bpemployer.popup.heading"));
     i0.ɵɵadvance(3);
@@ -22422,8 +22425,7 @@ function WeeklyCertEmployerComponentQe_ion_row_3_div_77_Template(rf, ctx) { if (
 } }
 const _c2$b = (a0, a1, a2) => ({ required: a0, invalidLength: a1, invalidNumber: a2 });
 const _c3$6 = (a0, a1) => ({ required: a0, dateNotBetween: a1 });
-const _c4$5 = a0 => ({ required: a0, earningsRequired: "Please report gross earnings." });
-const _c5$4 = a0 => ({ required: a0, earningsRequired: "Please report hours worked." });
+const _c4$5 = (a0, a1) => ({ required: a0, earningsRequired: a1 });
 function WeeklyCertEmployerComponentQe_ion_row_3_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "ion-row")(1, "ion-col", 8)(2, "div", 9)(3, "div", 10)(4, "label", 11);
@@ -22541,7 +22543,7 @@ function WeeklyCertEmployerComponentQe_ion_row_3_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵproperty("iconAriaLabel", "Last day worked")("showIcon", true)("formControl", ctx_r1.lastDayWorked)("minDate", ctx_r1.sunDate)("maxDate", ctx_r1.satDate)("defaultDate", ctx_r1.sunDate);
     i0.ɵɵadvance(1);
     i0.ɵɵclassMap("app-grid");
-    i0.ɵɵproperty("field", ctx_r1.lastDayWorked)("form", _r0)("errDef", i0.ɵɵpureFunction2(123, _c3$6, ctx_r1.required, "Date should be between " + ctx_r1.dynamicParam.sunday_date + " and " + ctx_r1.dynamicParam.saturday_date + "."));
+    i0.ɵɵproperty("field", ctx_r1.lastDayWorked)("form", _r0)("errDef", i0.ɵɵpureFunction2(123, _c3$6, ctx_r1.required, ctx_r1.dataNotInBetweenValidation));
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(48, 99, "weeklies.weeklycert.employer.contact.phone"));
     i0.ɵɵadvance(2);
@@ -22557,21 +22559,21 @@ function WeeklyCertEmployerComponentQe_ion_row_3_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵproperty("formControl", ctx_r1.wsEmpAmtEarned);
     i0.ɵɵadvance(1);
     i0.ɵɵclassMap("app-grid");
-    i0.ɵɵproperty("field", ctx_r1.wsEmpAmtEarned)("form", _r0)("errDef", i0.ɵɵpureFunction1(128, _c4$5, ctx_r1.required));
+    i0.ɵɵproperty("field", ctx_r1.wsEmpAmtEarned)("form", _r0)("errDef", i0.ɵɵpureFunction2(128, _c4$5, ctx_r1.required, ctx_r1.earningRequiredGross));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(63, 107, "weeklies.weeklycert.employer.total.hours.worked"));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("formControl", ctx_r1.wcEmpHoursWorked);
     i0.ɵɵadvance(1);
     i0.ɵɵclassMap("app-grid");
-    i0.ɵɵproperty("field", ctx_r1.wcEmpHoursWorked)("form", _r0)("errDef", i0.ɵɵpureFunction1(130, _c5$4, ctx_r1.required));
+    i0.ɵɵproperty("field", ctx_r1.wcEmpHoursWorked)("form", _r0)("errDef", i0.ɵɵpureFunction2(131, _c4$5, ctx_r1.required, ctx_r1.earningRequiredHours));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(69, 109, "weeklies.weeklycert.employer.status"));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("options", ctx_r1.employmentStatusOptionsAll)("formControl", ctx_r1.wcEmpStatus)("autoDisplayFirst", false);
     i0.ɵɵadvance(2);
     i0.ɵɵclassMap("app-grid");
-    i0.ɵɵproperty("field", ctx_r1.wcEmpStatus)("form", _r0)("errDef", i0.ɵɵpureFunction1(132, _c1$e, ctx_r1.required));
+    i0.ɵɵproperty("field", ctx_r1.wcEmpStatus)("form", _r0)("errDef", i0.ɵɵpureFunction1(134, _c1$e, ctx_r1.required));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r1.wcEmpStatus.value == "LWLO");
     i0.ɵɵadvance(1);
@@ -22768,7 +22770,7 @@ function WeeklyCertEmployerComponentQe_ion_row_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵproperty("iconAriaLabel", "Last day worked")("showIcon", true)("formControl", ctx_r2.lastDayWorked)("minDate", ctx_r2.sunDate)("maxDate", ctx_r2.satDate)("defaultDate", ctx_r2.sunDate);
     i0.ɵɵadvance(1);
     i0.ɵɵclassMap("app-grid");
-    i0.ɵɵproperty("field", ctx_r2.lastDayWorked)("form", _r0)("errDef", i0.ɵɵpureFunction2(64, _c3$6, ctx_r2.required, "Date should be between " + ctx_r2.dynamicParam.sunday_date + " and " + ctx_r2.dynamicParam.saturday_date + "."));
+    i0.ɵɵproperty("field", ctx_r2.lastDayWorked)("form", _r0)("errDef", i0.ɵɵpureFunction2(64, _c3$6, ctx_r2.required, ctx_r2.dataNotInBetweenValidation));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(36, 54, "weeklies.weeklycert.employer.total.gross.earnings"));
     i0.ɵɵadvance(2);
@@ -22777,37 +22779,35 @@ function WeeklyCertEmployerComponentQe_ion_row_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵproperty("formControl", ctx_r2.wsEmpAmtEarned);
     i0.ɵɵadvance(1);
     i0.ɵɵclassMap("app-grid");
-    i0.ɵɵproperty("field", ctx_r2.wsEmpAmtEarned)("form", _r0)("errDef", i0.ɵɵpureFunction1(67, _c4$5, ctx_r2.required));
+    i0.ɵɵproperty("field", ctx_r2.wsEmpAmtEarned)("form", _r0)("errDef", i0.ɵɵpureFunction2(67, _c4$5, ctx_r2.required, ctx_r2.earningRequiredGross));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(45, 60, "weeklies.weeklycert.employer.total.hours.worked"));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("formControl", ctx_r2.wcEmpHoursWorked);
     i0.ɵɵadvance(1);
     i0.ɵɵclassMap("app-grid");
-    i0.ɵɵproperty("field", ctx_r2.wcEmpHoursWorked)("form", _r0)("errDef", i0.ɵɵpureFunction1(69, _c5$4, ctx_r2.required));
+    i0.ɵɵproperty("field", ctx_r2.wcEmpHoursWorked)("form", _r0)("errDef", i0.ɵɵpureFunction2(70, _c4$5, ctx_r2.required, ctx_r2.earningRequiredHours));
 } }
-const _c6$1 = a0 => ({ earningsRequired: a0 });
+const _c5$4 = a0 => ({ earningsRequired: a0 });
 function WeeklyCertEmployerComponentQe_div_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 10);
     i0.ɵɵelement(1, "app-error", 51);
-    i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
     const _r0 = i0.ɵɵreference(1);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("form", _r0)("field", ctx_r3.empForm)("errDef", i0.ɵɵpureFunction1(6, _c6$1, "Please report gross earnings and hours worked for the week ending " + i0.ɵɵpipeBind2(2, 3, ctx_r3.satDate, "MM/dd/yyyy") + "."));
+    i0.ɵɵproperty("form", _r0)("field", ctx_r3.empForm)("errDef", i0.ɵɵpureFunction1(3, _c5$4, ctx_r3.grossEarningHoursSatDateValidation));
 } }
 function WeeklyCertEmployerComponentQe_div_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 10);
     i0.ɵɵelement(1, "app-error", 51);
-    i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext();
     const _r0 = i0.ɵɵreference(1);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("form", _r0)("field", ctx_r4.empForm)("errDef", i0.ɵɵpureFunction1(6, _c6$1, "Please report gross earnings and hours worked for the week ending " + i0.ɵɵpipeBind2(2, 3, ctx_r4.satDate, "MM/dd/yyyy") + "."));
+    i0.ɵɵproperty("form", _r0)("field", ctx_r4.empForm)("errDef", i0.ɵɵpureFunction1(3, _c5$4, ctx_r4.grossEarningHoursSatDateValidation));
 } }
 class WeeklyCertEmployerComponentQe {
     constructor(util, formBuilder, cs, translateService) {
@@ -23006,6 +23006,43 @@ class WeeklyCertEmployerComponentQe {
     get zipInvalid() {
         return this.translateService.instant('common.zipcode.invalid');
     }
+    get earningRequiredGross() {
+        return this.translateService.instant('common.earning.required.gross');
+    }
+    get earningRequiredHours() {
+        return this.translateService.instant('common.earning.required.hours');
+    }
+    get grossEarningHoursSatDateValidation() {
+        const satDate = new Date(this.satDate);
+        const month = String(satDate.getMonth() + 1).padStart(2, '0');
+        const day = String(satDate.getDate()).padStart(2, '0');
+        const year = satDate.getFullYear();
+        const formattedSatDate = `${month}/${day}/${year}`;
+        if (localStorage.getItem("language") === "es") {
+            return `Por favor, informe los ingresos brutos y las horas trabajadas correspondientes a la semana que finaliza el ${formattedSatDate}.`;
+        }
+        else {
+            return `Please report gross earnings and hours worked for the week ending ${formattedSatDate}.`;
+        }
+    }
+    get dataNotInBetweenValidation() {
+        const sunDate = new Date(this.dynamicParam.sunday_date);
+        const monthSun = String(sunDate.getMonth() + 1).padStart(2, '0');
+        const daySun = String(sunDate.getDate()).padStart(2, '0');
+        const yearSun = sunDate.getFullYear();
+        const formattedSundayDate = `${monthSun}/${daySun}/${yearSun}`;
+        const satDate = new Date(this.dynamicParam.saturday_date);
+        const monthSat = String(satDate.getMonth() + 1).padStart(2, '0');
+        const daySat = String(satDate.getDate()).padStart(2, '0');
+        const yearSat = satDate.getFullYear();
+        const formattedSaturdayDate = `${monthSat}/${daySat}/${yearSat}`;
+        if (localStorage.getItem("language") === "es") {
+            return `La fecha debe estar entre ${formattedSundayDate} y ${formattedSaturdayDate}.`;
+        }
+        else {
+            return `Date should be between ${formattedSundayDate} and ${formattedSaturdayDate}.`;
+        }
+    }
     static { this.ɵfac = function WeeklyCertEmployerComponentQe_Factory(t) { return new (t || WeeklyCertEmployerComponentQe)(i0.ɵɵdirectiveInject(UtilService), i0.ɵɵdirectiveInject(i1$6.UntypedFormBuilder), i0.ɵɵdirectiveInject(ClaimService), i0.ɵɵdirectiveInject(i6$1.TranslateService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WeeklyCertEmployerComponentQe, selectors: [["app-weekly-cert-employer-qe"]], viewQuery: function WeeklyCertEmployerComponentQe_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$g, 5);
@@ -23014,12 +23051,12 @@ class WeeklyCertEmployerComponentQe {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.empFormDirective = _t.first);
         } }, inputs: { empToEdit: "empToEdit", dynamicParam: "dynamicParam" }, outputs: { success: "success", onClose: "onClose" }, decls: 19, vars: 11, consts: [[3, "formGroup"], ["empFormDirective", "ngForm"], [4, "ngIf"], [2, "margin", "0 10px auto"], ["class", "field", 4, "ngIf"], [1, "ion-text-right"], ["shape", "round", "fill", "outline", "type", "reset", 3, "click"], ["shape", "round", "type", "submit", 3, "click"], ["size", "12", "sizeSm", "12", "sizeXs", "12", "sizeMd", "6", "sizeLg", "6", "sizeXl", "6", 1, "ion-padding"], [1, "p-fluid", "formgrid"], [1, "field"], ["for", "wcEmpName"], [3, "formControl", "empType", "onFound"], [3, "field", "form", "errDef"], ["for", "wcEmpAddressLine1"], ["id", "wcEmpAddressLine1", "type", "input", "pInputText", "", 3, "formControl"], ["for", "wcEmpCity"], ["id", "wcEmpCity", "type", "input", "pInputText", "", 3, "formControl"], [2, "padding", "0px"], ["for", "wcEmpState"], ["inputId", "wcEmpState", "optionLabel", "text", "optionValue", "value", "appendTo", "body", "inputId", "wcEmpState", 3, "options", "formControl", "autoDisplayFirst"], ["size", "1"], ["for", "wsZipCode"], ["id", "wsZipCode", "type", "input", "pInputText", "", "minlength", "5", "maxlength", "9", 3, "formControl"], ["for", "lastDayWorked"], ["inputId", "lastDayWorked", "appendTo", "body", 3, "iconAriaLabel", "showIcon", "formControl", "minDate", "maxDate", "defaultDate"], ["for", "wsPhoneNumber"], ["inputId", "wsPhoneNumber", "mask", "(999) 999-9999", "unmask", "true", 3, "formControl"], ["for", "wsEmpAmtEarned"], [2, "padding-left", "8px", "padding-top", "3px", 3, "overlayText"], ["inputId", "wsEmpAmtEarned", "mode", "currency", "currency", "USD", "locale", "en-US", "maxlength", "10", 3, "formControl"], ["for", "wcEmpHoursWorked"], ["inputId", "wcEmpHoursWorked", "maxlength", "10", "useGrouping", "false", 3, "formControl"], ["for", "wcEmpStatus"], ["inputId", "wcEmpStatus", "optionLabel", "text", "optionValue", "value", "appendTo", "body", "inputId", "wcEmpStatus1", 3, "options", "formControl", "autoDisplayFirst"], ["type", "hidden", 3, "formControl"], ["for", "haveReturnToWorkDate"], ["optionLabel", "text", "optionValue", "value", 3, "options", "formControl"], ["for", "wcEmpLowRtwDate"], [2, "display", "flex"], ["inputId", "wcEmpLowRtwDate", "appendTo", "body", "placeholder", "mm/dd/yyyy", 3, "showIcon", "formControl", "showOnFocus", "iconAriaLabel", "onInput"], ["for", "wcEmpRtwDate"], ["inputId", "wcEmpRtwDate", "appendTo", "body", "placeholder", "mm/dd/yyyy", "optionValue", "value", 3, "showIcon", "formControl", "showOnFocus", "iconAriaLabel", "onInput"], ["for", "dischargeDetail"], ["optionLabel", "text", "appendTo", "body", "optionValue", "value", "inputId", "discharged1", 3, "options", "formControl", "autoDisplayFirst"], ["for", "volQuitDetails"], ["optionLabel", "text", "appendTo", "body", "optionValue", "value", "inputId", "voluntaryQuit1", 3, "options", "formControl", "autoDisplayFirst"], ["hidden", ""], ["inputId", "wcEmpStatus", "optionLabel", "text", "optionValue", "value", "appendTo", "body", "inputId", "wcEmpStatus2", 3, "options", "formControl", "autoDisplayFirst"], ["optionLabel", "text", "appendTo", "body", "optionValue", "value", "inputId", "discharged2", 3, "options", "formControl", "autoDisplayFirst"], ["optionLabel", "text", "appendTo", "body", "optionValue", "value", "inputId", "voluntaryQuit2", 3, "options", "formControl", "autoDisplayFirst"], [3, "form", "field", "errDef"]], template: function WeeklyCertEmployerComponentQe_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "form", 0, 1)(2, "ion-grid");
-            i0.ɵɵtemplate(3, WeeklyCertEmployerComponentQe_ion_row_3_Template, 79, 134, "ion-row", 2)(4, WeeklyCertEmployerComponentQe_ion_row_4_Template, 48, 71, "ion-row", 2);
+            i0.ɵɵtemplate(3, WeeklyCertEmployerComponentQe_ion_row_3_Template, 79, 136, "ion-row", 2)(4, WeeklyCertEmployerComponentQe_ion_row_4_Template, 48, 73, "ion-row", 2);
             i0.ɵɵelementStart(5, "ion-row", 3)(6, "ion-col");
-            i0.ɵɵtemplate(7, WeeklyCertEmployerComponentQe_div_7_Template, 3, 8, "div", 4);
+            i0.ɵɵtemplate(7, WeeklyCertEmployerComponentQe_div_7_Template, 2, 5, "div", 4);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(8, "ion-row", 3)(9, "ion-col");
-            i0.ɵɵtemplate(10, WeeklyCertEmployerComponentQe_div_10_Template, 3, 8, "div", 4);
+            i0.ɵɵtemplate(10, WeeklyCertEmployerComponentQe_div_10_Template, 2, 5, "div", 4);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(11, "ion-row")(12, "ion-col", 5)(13, "ion-button", 6);
             i0.ɵɵlistener("click", function WeeklyCertEmployerComponentQe_Template_ion_button_click_13_listener() { return ctx.close(); });
@@ -23045,11 +23082,11 @@ class WeeklyCertEmployerComponentQe {
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 7, "button.cancel"));
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 9, "button.add"));
-        } }, dependencies: [i1$3.IonButton, i1$3.IonCol, i1$3.IonGrid, i1$3.IonRow, i1$4.NgIf, i1$6.ɵNgNoValidate, i1$6.DefaultValueAccessor, i1$6.NgControlStatus, i1$6.NgControlStatusGroup, i1$6.MinLengthValidator, i1$6.MaxLengthValidator, i1$6.FormControlDirective, i1$6.FormGroupDirective, i16$2.InputText, i12$2.InputMask, i13$1.Calendar, i12.SelectButton, i13.InputNumber, ErrorComponent, OverlayInfoComponent, SearchEmployerComponent, Dropdown, i1$4.DatePipe, i6$1.TranslatePipe, TrustHtmlPipe], styles: ["[_nghost-%COMP%]     .p-fluid .p-buttonset{display:inline-flex!important}"] }); }
+        } }, dependencies: [i1$3.IonButton, i1$3.IonCol, i1$3.IonGrid, i1$3.IonRow, i1$4.NgIf, i1$6.ɵNgNoValidate, i1$6.DefaultValueAccessor, i1$6.NgControlStatus, i1$6.NgControlStatusGroup, i1$6.MinLengthValidator, i1$6.MaxLengthValidator, i1$6.FormControlDirective, i1$6.FormGroupDirective, i16$2.InputText, i12$2.InputMask, i13$1.Calendar, i12.SelectButton, i13.InputNumber, ErrorComponent, OverlayInfoComponent, SearchEmployerComponent, Dropdown, i6$1.TranslatePipe, TrustHtmlPipe], styles: ["[_nghost-%COMP%]     .p-fluid .p-buttonset{display:inline-flex!important}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WeeklyCertEmployerComponentQe, [{
         type: Component,
-        args: [{ selector: 'app-weekly-cert-employer-qe', template: "\r\n  <form [formGroup]=\"empForm\" #empFormDirective=\"ngForm\">\r\n    <ion-grid>\r\n      <ion-row *ngIf = \"!empToEdit?.isPartTimeEmployer\">\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid formgrid\">\r\n            <div class=\"field\">\r\n              <label for=\"wcEmpName\">{{\"weeklies.weeklycert.employer.name\"|translate}}</label>\r\n              <app-search-employer [formControl]=\"wcEmpName\" (onFound)=\"setEmployer($event)\" [empType]=\"'REG'\"></app-search-employer>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpName' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\">\r\n              <label for=\"wcEmpAddressLine1\">{{\"weeklies.weeklycert.employer.address\"|translate}}</label>\r\n              <input id=\"wcEmpAddressLine1\" type=\"input\" pInputText [formControl]=\"wcEmpAddressLine1\" />\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpAddressLine1' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\">\r\n              <label for=\"wcEmpCity\">{{\"weeklies.weeklycert.employer.city\"|translate}}</label>\r\n              <input id=\"wcEmpCity\" type=\"input\" pInputText [formControl]=\"wcEmpCity\" />\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpCity' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"wcEmpState\">{{\"weeklies.weeklycert.employer.state\"|translate}}</label>\r\n                  <app-dropdown inputId=\"wcEmpState\" [options]=\"statesCombo\" optionLabel=\"text\" optionValue=\"value\"\r\n                    appendTo=\"body\" [formControl]=\"wcEmpState\" [autoDisplayFirst]=\"false\" inputId=\"wcEmpState\"></app-dropdown>\r\n                  <app-error [class]=\"'app-grid'\" [field]='wcEmpState' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                    required: required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"wsZipCode\">{{\"weeklies.weeklycert.employer.zipcode\"|translate}}</label>\r\n                  <input id=\"wsZipCode\" type=\"input\" pInputText [formControl]=\"wsZipCode\" minlength=\"5\" maxlength=\"9\"/>\r\n                  <app-error [class]=\"'app-grid'\" [field]='wsZipCode' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                    required: required,\r\n                    invalidLength: zipLength,\r\n                    invalidNumber: zipOnlyNumbers\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n        \r\n            <div class=\"field\">\r\n              <label for=\"lastDayWorked\">{{\"weeklies.weeklycert.employer.last.day.worked\"|translate}}</label>\r\n              <p-calendar [iconAriaLabel]=\"'Last day worked'\" [showIcon]=\"true\" inputId=\"lastDayWorked\" appendTo=\"body\" [formControl]=\"lastDayWorked\" [minDate]=\"sunDate\" [maxDate]=\"satDate\" [defaultDate]=\"sunDate\"></p-calendar>\r\n              <app-error [class]=\"'app-grid'\" [field]='lastDayWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required,\r\n                dateNotBetween: 'Date should be between ' + dynamicParam.sunday_date + ' and ' + dynamicParam.saturday_date + '.'\r\n              }\"></app-error>\r\n            </div>\r\n          </div>\r\n        </ion-col>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid formgrid\">\r\n            \r\n            <div class=\"field\">\r\n              <label for=\"wsPhoneNumber\">{{\"weeklies.weeklycert.employer.contact.phone\"|translate}}</label>\r\n              <p-inputMask inputId=\"wsPhoneNumber\" [formControl]=\"wsPhoneNumber\" mask=\"(999) 999-9999\" unmask=\"true\"></p-inputMask>\r\n              <app-error [class]=\"'app-grid'\" [field]='wsPhoneNumber' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\">\r\n              <label for=\"wsEmpAmtEarned\">{{\"weeklies.weeklycert.employer.total.gross.earnings\"|translate}}</label>\r\n              <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.1000' | translate | trustHtml\" style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n              <p-inputNumber inputId=\"wsEmpAmtEarned\" mode=\"currency\" currency=\"USD\" locale=\"en-US\" [formControl]=\"wsEmpAmtEarned\" maxlength=\"10\"></p-inputNumber>\r\n              <app-error [class]=\"'app-grid'\" [field]='wsEmpAmtEarned' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required,\r\n                earningsRequired: 'Please report gross earnings.'\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\">\r\n              <label for=\"wcEmpHoursWorked\">{{\"weeklies.weeklycert.employer.total.hours.worked\"|translate}}</label>\r\n              <p-inputNumber inputId=\"wcEmpHoursWorked\" [formControl]=\"wcEmpHoursWorked\" maxlength=\"10\" useGrouping=\"false\"></p-inputNumber>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpHoursWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required,\r\n                earningsRequired: 'Please report hours worked.'\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\">\r\n              <label for=\"wcEmpStatus\">{{\"weeklies.weeklycert.employer.status\"|translate}}</label>\r\n              <app-dropdown inputId=\"wcEmpStatus\" [options]=\"employmentStatusOptionsAll\" optionLabel=\"text\" optionValue=\"value\"\r\n                appendTo=\"body\" [formControl]=\"wcEmpStatus\" [autoDisplayFirst]=\"false\" inputId=\"wcEmpStatus1\" ></app-dropdown><br/>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpStatus' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO'\">\r\n              <label for=\"haveReturnToWorkDate\">{{\"weeklies.weeklycert.employer.return.to.work.date\"|translate}}</label>\r\n              <p-selectButton [options]=\"yesNoOption\" [formControl]=\"haveReturnToWorkDate\" optionLabel=\"text\"\r\n              optionValue=\"value\"></p-selectButton>\r\n              <app-error [class]=\"'app-grid'\" [field]='haveReturnToWorkDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO' && haveReturnToWorkDate.value == 'Y'\">\r\n              <label for=\"wcEmpLowRtwDate\">{{\"weeklies.weeklycert.employer.return.to.work.date.when\"|translate}}</label>\r\n              <div style=\"display: flex;\">\r\n                <p-calendar [showIcon]=\"true\" inputId=\"wcEmpLowRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpLowRtwDate\"\r\n                placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\" [iconAriaLabel]=\"'When?'\"></p-calendar>\r\n                <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.2155' | translate | trustHtml\" style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n              </div>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpLowRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n            \r\n            <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'RTWF'\">\r\n              <label for=\"wcEmpRtwDate\">{{\"weeklies.weeklycert.employer.definite.return.date\"|translate}}</label>\r\n              <p-calendar [showIcon]=\"true\" inputId=\"wcEmpRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpRtwDate\"\r\n              placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\" optionValue=\"value\" [iconAriaLabel]=\"'Return to work date'\"></p-calendar>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'DCFI'\">\r\n              <label for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label> \r\n              <app-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"discharged\" optionLabel=\"text\" appendTo=\"body\"\r\n                  [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"discharged1\"></app-dropdown>\r\n              <app-error [class]=\"'app-grid'\" [field]='discharged' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'VOLQ'\">\r\n              <label for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label> \r\n              <app-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"voluntaryQuit\" optionLabel=\"text\" appendTo=\"body\"\r\n                  [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"voluntaryQuit1\"></app-dropdown>\r\n              <app-error [class]=\"'app-grid'\" [field]='voluntaryQuit' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n          </div>\r\n          <input type=\"hidden\" [formControl]=\"hidEmpId\"/>\r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row *ngIf = \"empToEdit?.isPartTimeEmployer\">\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid formgrid\">\r\n              <div class=\"field\">\r\n                <b>{{wcEmpName.value}}</b>\r\n              </div>\r\n              <section hidden>\r\n                <input type=\"hidden\" [formControl]=\"wcEmpName\"/>\r\n                <input type=\"hidden\" [formControl]=\"wcEmpAddressLine1\"/>\r\n                <input type=\"hidden\" [formControl]=\"wcEmpCity\"/>\r\n                <input type=\"hidden\" [formControl]=\"wcEmpState\"/>\r\n                <input type=\"hidden\" [formControl]=\"wsZipCode\"/>\r\n                <input type=\"hidden\" [formControl]=\"wsPhoneNumber\"/>\r\n                <input type=\"hidden\" [formControl]=\"hidEmpId\"/>\r\n                <input type=\"hidden\" [formControl]=\"isPartTimeEmployer\"/>\r\n              </section>\r\n              <div class=\"field\">\r\n                <label for=\"wcEmpStatus\">{{\"weeklies.weeklycert.employer.status\"|translate}}</label>\r\n                <app-dropdown inputId=\"wcEmpStatus\" [options]=\"employmentStatusOptionsAll\" optionLabel=\"text\" optionValue=\"value\"\r\n                  appendTo=\"body\" [formControl]=\"wcEmpStatus\" [autoDisplayFirst]=\"false\" inputId=\"wcEmpStatus2\"></app-dropdown><br/>\r\n                <app-error [class]=\"'app-grid'\" [field]='wcEmpStatus' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required\r\n                }\"></app-error>\r\n              </div>\r\n              \r\n              <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO'\">\r\n                <label for=\"haveReturnToWorkDate\">{{\"weeklies.weeklycert.employer.return.to.work.date\"|translate}}</label>\r\n                <p-selectButton [options]=\"yesNoOption\" [formControl]=\"haveReturnToWorkDate\" optionLabel=\"text\"\r\n                optionValue=\"value\"></p-selectButton>\r\n                <app-error [class]=\"'app-grid'\" [field]='haveReturnToWorkDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required\r\n                }\"></app-error>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO' && haveReturnToWorkDate.value == 'Y'\">\r\n                <label for=\"wcEmpLowRtwDate\">{{\"weeklies.weeklycert.employer.return.to.work.date.when\"|translate}}</label>\r\n                <div style=\"display: flex;\">\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"wcEmpLowRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpLowRtwDate\"\r\n                  placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\" [iconAriaLabel]=\"'When?'\"></p-calendar>\r\n                  <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.2050' | translate | trustHtml\" style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n                </div>\r\n                <app-error [class]=\"'app-grid'\" [field]='wcEmpLowRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required\r\n                }\"></app-error>\r\n              </div>\r\n              \r\n              <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'RTWF'\">\r\n                <label for=\"wcEmpRtwDate\">{{\"weeklies.weeklycert.employer.definite.return.date\"|translate}}</label>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"wcEmpRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpRtwDate\"\r\n                placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\" optionValue=\"value\" [iconAriaLabel]=\"'Return to work date'\"></p-calendar>\r\n                <app-error [class]=\"'app-grid'\" [field]='wcEmpRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required\r\n                }\"></app-error>\r\n              </div>\r\n  \r\n              <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'DCFI'\">\r\n                <label for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label> \r\n                <app-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"discharged\" optionLabel=\"text\" appendTo=\"body\"\r\n                    [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"discharged2\"></app-dropdown>\r\n                <app-error [class]=\"'app-grid'\" [field]='discharged' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required\r\n                }\"></app-error>\r\n              </div>\r\n  \r\n              <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'VOLQ'\">\r\n                <label for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label> \r\n                <app-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"voluntaryQuit\" optionLabel=\"text\" appendTo=\"body\"\r\n                    [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"voluntaryQuit2\"></app-dropdown>\r\n                <app-error [class]=\"'app-grid'\" [field]='voluntaryQuit' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required\r\n                }\"></app-error>\r\n              </div>\r\n              \r\n              <div class=\"field\">\r\n                <label for=\"lastDayWorked\">{{\"weeklies.weeklycert.employer.last.day.worked\"|translate}}</label>\r\n                <p-calendar [iconAriaLabel]=\"'Last day worked'\" [showIcon]=\"true\" inputId=\"lastDayWorked\" appendTo=\"body\" [formControl]=\"lastDayWorked\" [minDate]=\"sunDate\" [maxDate]=\"satDate\" [defaultDate]=\"sunDate\"></p-calendar>\r\n                <app-error [class]=\"'app-grid'\" [field]='lastDayWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required,\r\n                  dateNotBetween: 'Date should be between ' + dynamicParam.sunday_date + ' and ' + dynamicParam.saturday_date + '.'\r\n                }\"></app-error>\r\n              </div>\r\n  \r\n              <div class=\"field\">\r\n                <label for=\"wsEmpAmtEarned\">{{\"weeklies.weeklycert.employer.total.gross.earnings\"|translate}}</label>\r\n                <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.1000' | translate | trustHtml\" style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n                <p-inputNumber inputId=\"wsEmpAmtEarned\" mode=\"currency\" currency=\"USD\" locale=\"en-US\" [formControl]=\"wsEmpAmtEarned\" maxlength=\"10\"></p-inputNumber>\r\n                <app-error [class]=\"'app-grid'\" [field]='wsEmpAmtEarned' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required,\r\n                  earningsRequired: 'Please report gross earnings.'\r\n                }\"></app-error>\r\n              </div>\r\n  \r\n              <div class=\"field\">\r\n                <label for=\"wcEmpHoursWorked\">{{\"weeklies.weeklycert.employer.total.hours.worked\"|translate}}</label>\r\n                <p-inputNumber inputId=\"wcEmpHoursWorked\" [formControl]=\"wcEmpHoursWorked\" maxlength=\"10\" useGrouping=\"false\"></p-inputNumber>\r\n                <app-error [class]=\"'app-grid'\" [field]='wcEmpHoursWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required,\r\n                  earningsRequired: 'Please report hours worked.'\r\n                }\"></app-error>\r\n              </div>\r\n          </div>\r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row style=\"margin: 0 10px auto;\">\r\n        <ion-col>\r\n          <div class=\"field\" *ngIf=\"empForm.invalid && empForm.errors?.earningsRequired\">\r\n              <app-error \r\n                [form]=\"empFormDirective\"\r\n                [field]=\"empForm\"\r\n                [errDef]=\"{ \r\n                  earningsRequired: 'Please report gross earnings and hours worked for the week ending ' + (satDate | date:'MM/dd/yyyy') + '.' \r\n                }\">\r\n              </app-error>\r\n            </div>\r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row style=\"margin: 0 10px auto;\">\r\n        <ion-col>\r\n          <div class=\"field\" *ngIf=\"empForm.invalid && empForm.errors?.earningsRequired\">\r\n              <app-error \r\n                [form]=\"empFormDirective\"\r\n                [field]=\"empForm\"\r\n                [errDef]=\"{ \r\n                  earningsRequired: 'Please report gross earnings and hours worked for the week ending ' + (satDate | date:'MM/dd/yyyy') + '.' \r\n                }\">\r\n              </app-error>\r\n            </div>\r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row>\r\n        <ion-col class=\"ion-text-right\">\r\n          <ion-button shape=\"round\" fill=\"outline\" (click)=\"close()\" type=\"reset\">{{\"button.cancel\"|translate}}</ion-button>\r\n          <ion-button shape=\"round\" (click)=\"add()\" type=\"submit\">{{\"button.add\"|translate}}</ion-button>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ion-grid>\r\n  </form>", styles: [":host ::ng-deep .p-fluid .p-buttonset{display:inline-flex!important}\n"] }]
+        args: [{ selector: 'app-weekly-cert-employer-qe', template: "\r\n  <form [formGroup]=\"empForm\" #empFormDirective=\"ngForm\">\r\n    <ion-grid>\r\n      <ion-row *ngIf = \"!empToEdit?.isPartTimeEmployer\">\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid formgrid\">\r\n            <div class=\"field\">\r\n              <label for=\"wcEmpName\">{{\"weeklies.weeklycert.employer.name\"|translate}}</label>\r\n              <app-search-employer [formControl]=\"wcEmpName\" (onFound)=\"setEmployer($event)\" [empType]=\"'REG'\"></app-search-employer>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpName' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\">\r\n              <label for=\"wcEmpAddressLine1\">{{\"weeklies.weeklycert.employer.address\"|translate}}</label>\r\n              <input id=\"wcEmpAddressLine1\" type=\"input\" pInputText [formControl]=\"wcEmpAddressLine1\" />\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpAddressLine1' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\">\r\n              <label for=\"wcEmpCity\">{{\"weeklies.weeklycert.employer.city\"|translate}}</label>\r\n              <input id=\"wcEmpCity\" type=\"input\" pInputText [formControl]=\"wcEmpCity\" />\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpCity' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"wcEmpState\">{{\"weeklies.weeklycert.employer.state\"|translate}}</label>\r\n                  <app-dropdown inputId=\"wcEmpState\" [options]=\"statesCombo\" optionLabel=\"text\" optionValue=\"value\"\r\n                    appendTo=\"body\" [formControl]=\"wcEmpState\" [autoDisplayFirst]=\"false\" inputId=\"wcEmpState\"></app-dropdown>\r\n                  <app-error [class]=\"'app-grid'\" [field]='wcEmpState' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                    required: required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"wsZipCode\">{{\"weeklies.weeklycert.employer.zipcode\"|translate}}</label>\r\n                  <input id=\"wsZipCode\" type=\"input\" pInputText [formControl]=\"wsZipCode\" minlength=\"5\" maxlength=\"9\"/>\r\n                  <app-error [class]=\"'app-grid'\" [field]='wsZipCode' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                    required: required,\r\n                    invalidLength: zipLength,\r\n                    invalidNumber: zipOnlyNumbers\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n        \r\n            <div class=\"field\">\r\n              <label for=\"lastDayWorked\">{{\"weeklies.weeklycert.employer.last.day.worked\"|translate}}</label>\r\n              <p-calendar [iconAriaLabel]=\"'Last day worked'\" [showIcon]=\"true\" inputId=\"lastDayWorked\" appendTo=\"body\" [formControl]=\"lastDayWorked\" [minDate]=\"sunDate\" [maxDate]=\"satDate\" [defaultDate]=\"sunDate\"></p-calendar>\r\n              <app-error [class]=\"'app-grid'\" [field]='lastDayWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required,\r\n                dateNotBetween: dataNotInBetweenValidation\r\n              }\"></app-error>\r\n            </div>\r\n          </div>\r\n        </ion-col>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid formgrid\">\r\n            \r\n            <div class=\"field\">\r\n              <label for=\"wsPhoneNumber\">{{\"weeklies.weeklycert.employer.contact.phone\"|translate}}</label>\r\n              <p-inputMask inputId=\"wsPhoneNumber\" [formControl]=\"wsPhoneNumber\" mask=\"(999) 999-9999\" unmask=\"true\"></p-inputMask>\r\n              <app-error [class]=\"'app-grid'\" [field]='wsPhoneNumber' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\">\r\n              <label for=\"wsEmpAmtEarned\">{{\"weeklies.weeklycert.employer.total.gross.earnings\"|translate}}</label>\r\n              <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.1000' | translate | trustHtml\" style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n              <p-inputNumber inputId=\"wsEmpAmtEarned\" mode=\"currency\" currency=\"USD\" locale=\"en-US\" [formControl]=\"wsEmpAmtEarned\" maxlength=\"10\"></p-inputNumber>\r\n              <app-error [class]=\"'app-grid'\" [field]='wsEmpAmtEarned' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required,\r\n                earningsRequired: earningRequiredGross\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\">\r\n              <label for=\"wcEmpHoursWorked\">{{\"weeklies.weeklycert.employer.total.hours.worked\"|translate}}</label>\r\n              <p-inputNumber inputId=\"wcEmpHoursWorked\" [formControl]=\"wcEmpHoursWorked\" maxlength=\"10\" useGrouping=\"false\"></p-inputNumber>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpHoursWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required,\r\n                earningsRequired: earningRequiredHours\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\">\r\n              <label for=\"wcEmpStatus\">{{\"weeklies.weeklycert.employer.status\"|translate}}</label>\r\n              <app-dropdown inputId=\"wcEmpStatus\" [options]=\"employmentStatusOptionsAll\" optionLabel=\"text\" optionValue=\"value\"\r\n                appendTo=\"body\" [formControl]=\"wcEmpStatus\" [autoDisplayFirst]=\"false\" inputId=\"wcEmpStatus1\" ></app-dropdown><br/>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpStatus' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO'\">\r\n              <label for=\"haveReturnToWorkDate\">{{\"weeklies.weeklycert.employer.return.to.work.date\"|translate}}</label>\r\n              <p-selectButton [options]=\"yesNoOption\" [formControl]=\"haveReturnToWorkDate\" optionLabel=\"text\"\r\n              optionValue=\"value\"></p-selectButton>\r\n              <app-error [class]=\"'app-grid'\" [field]='haveReturnToWorkDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO' && haveReturnToWorkDate.value == 'Y'\">\r\n              <label for=\"wcEmpLowRtwDate\">{{\"weeklies.weeklycert.employer.return.to.work.date.when\"|translate}}</label>\r\n              <div style=\"display: flex;\">\r\n                <p-calendar [showIcon]=\"true\" inputId=\"wcEmpLowRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpLowRtwDate\"\r\n                placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\" [iconAriaLabel]=\"'When?'\"></p-calendar>\r\n                <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.2155' | translate | trustHtml\" style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n              </div>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpLowRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n            \r\n            <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'RTWF'\">\r\n              <label for=\"wcEmpRtwDate\">{{\"weeklies.weeklycert.employer.definite.return.date\"|translate}}</label>\r\n              <p-calendar [showIcon]=\"true\" inputId=\"wcEmpRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpRtwDate\"\r\n              placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\" optionValue=\"value\" [iconAriaLabel]=\"'Return to work date'\"></p-calendar>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'DCFI'\">\r\n              <label for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label> \r\n              <app-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"discharged\" optionLabel=\"text\" appendTo=\"body\"\r\n                  [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"discharged1\"></app-dropdown>\r\n              <app-error [class]=\"'app-grid'\" [field]='discharged' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'VOLQ'\">\r\n              <label for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label> \r\n              <app-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"voluntaryQuit\" optionLabel=\"text\" appendTo=\"body\"\r\n                  [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"voluntaryQuit1\"></app-dropdown>\r\n              <app-error [class]=\"'app-grid'\" [field]='voluntaryQuit' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: required\r\n              }\"></app-error>\r\n            </div>\r\n          </div>\r\n          <input type=\"hidden\" [formControl]=\"hidEmpId\"/>\r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row *ngIf = \"empToEdit?.isPartTimeEmployer\">\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid formgrid\">\r\n              <div class=\"field\">\r\n                <b>{{wcEmpName.value}}</b>\r\n              </div>\r\n              <section hidden>\r\n                <input type=\"hidden\" [formControl]=\"wcEmpName\"/>\r\n                <input type=\"hidden\" [formControl]=\"wcEmpAddressLine1\"/>\r\n                <input type=\"hidden\" [formControl]=\"wcEmpCity\"/>\r\n                <input type=\"hidden\" [formControl]=\"wcEmpState\"/>\r\n                <input type=\"hidden\" [formControl]=\"wsZipCode\"/>\r\n                <input type=\"hidden\" [formControl]=\"wsPhoneNumber\"/>\r\n                <input type=\"hidden\" [formControl]=\"hidEmpId\"/>\r\n                <input type=\"hidden\" [formControl]=\"isPartTimeEmployer\"/>\r\n              </section>\r\n              <div class=\"field\">\r\n                <label for=\"wcEmpStatus\">{{\"weeklies.weeklycert.employer.status\"|translate}}</label>\r\n                <app-dropdown inputId=\"wcEmpStatus\" [options]=\"employmentStatusOptionsAll\" optionLabel=\"text\" optionValue=\"value\"\r\n                  appendTo=\"body\" [formControl]=\"wcEmpStatus\" [autoDisplayFirst]=\"false\" inputId=\"wcEmpStatus2\"></app-dropdown><br/>\r\n                <app-error [class]=\"'app-grid'\" [field]='wcEmpStatus' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required\r\n                }\"></app-error>\r\n              </div>\r\n              \r\n              <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO'\">\r\n                <label for=\"haveReturnToWorkDate\">{{\"weeklies.weeklycert.employer.return.to.work.date\"|translate}}</label>\r\n                <p-selectButton [options]=\"yesNoOption\" [formControl]=\"haveReturnToWorkDate\" optionLabel=\"text\"\r\n                optionValue=\"value\"></p-selectButton>\r\n                <app-error [class]=\"'app-grid'\" [field]='haveReturnToWorkDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required\r\n                }\"></app-error>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO' && haveReturnToWorkDate.value == 'Y'\">\r\n                <label for=\"wcEmpLowRtwDate\">{{\"weeklies.weeklycert.employer.return.to.work.date.when\"|translate}}</label>\r\n                <div style=\"display: flex;\">\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"wcEmpLowRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpLowRtwDate\"\r\n                  placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\" [iconAriaLabel]=\"'When?'\"></p-calendar>\r\n                  <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.2050' | translate | trustHtml\" style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n                </div>\r\n                <app-error [class]=\"'app-grid'\" [field]='wcEmpLowRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required\r\n                }\"></app-error>\r\n              </div>\r\n              \r\n              <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'RTWF'\">\r\n                <label for=\"wcEmpRtwDate\">{{\"weeklies.weeklycert.employer.definite.return.date\"|translate}}</label>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"wcEmpRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpRtwDate\"\r\n                placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\" optionValue=\"value\" [iconAriaLabel]=\"'Return to work date'\"></p-calendar>\r\n                <app-error [class]=\"'app-grid'\" [field]='wcEmpRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required\r\n                }\"></app-error>\r\n              </div>\r\n  \r\n              <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'DCFI'\">\r\n                <label for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label> \r\n                <app-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"discharged\" optionLabel=\"text\" appendTo=\"body\"\r\n                    [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"discharged2\"></app-dropdown>\r\n                <app-error [class]=\"'app-grid'\" [field]='discharged' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required\r\n                }\"></app-error>\r\n              </div>\r\n  \r\n              <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'VOLQ'\">\r\n                <label for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label> \r\n                <app-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"voluntaryQuit\" optionLabel=\"text\" appendTo=\"body\"\r\n                    [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"voluntaryQuit2\"></app-dropdown>\r\n                <app-error [class]=\"'app-grid'\" [field]='voluntaryQuit' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required\r\n                }\"></app-error>\r\n              </div>\r\n              \r\n              <div class=\"field\">\r\n                <label for=\"lastDayWorked\">{{\"weeklies.weeklycert.employer.last.day.worked\"|translate}}</label>\r\n                <p-calendar [iconAriaLabel]=\"'Last day worked'\" [showIcon]=\"true\" inputId=\"lastDayWorked\" appendTo=\"body\" [formControl]=\"lastDayWorked\" [minDate]=\"sunDate\" [maxDate]=\"satDate\" [defaultDate]=\"sunDate\"></p-calendar>\r\n                <app-error [class]=\"'app-grid'\" [field]='lastDayWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required,\r\n                  dateNotBetween: dataNotInBetweenValidation\r\n                }\"></app-error>\r\n              </div>\r\n  \r\n              <div class=\"field\">\r\n                <label for=\"wsEmpAmtEarned\">{{\"weeklies.weeklycert.employer.total.gross.earnings\"|translate}}</label>\r\n                <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.1000' | translate | trustHtml\" style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n                <p-inputNumber inputId=\"wsEmpAmtEarned\" mode=\"currency\" currency=\"USD\" locale=\"en-US\" [formControl]=\"wsEmpAmtEarned\" maxlength=\"10\"></p-inputNumber>\r\n                <app-error [class]=\"'app-grid'\" [field]='wsEmpAmtEarned' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required,\r\n                  earningsRequired: earningRequiredGross\r\n                }\"></app-error>\r\n              </div>\r\n  \r\n              <div class=\"field\">\r\n                <label for=\"wcEmpHoursWorked\">{{\"weeklies.weeklycert.employer.total.hours.worked\"|translate}}</label>\r\n                <p-inputNumber inputId=\"wcEmpHoursWorked\" [formControl]=\"wcEmpHoursWorked\" maxlength=\"10\" useGrouping=\"false\"></p-inputNumber>\r\n                <app-error [class]=\"'app-grid'\" [field]='wcEmpHoursWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: required,\r\n                  earningsRequired: earningRequiredHours\r\n                }\"></app-error>\r\n              </div>\r\n          </div>\r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row style=\"margin: 0 10px auto;\">\r\n        <ion-col>\r\n          <div class=\"field\" *ngIf=\"empForm.invalid && empForm.errors?.earningsRequired\">\r\n              <app-error \r\n                [form]=\"empFormDirective\"\r\n                [field]=\"empForm\"\r\n                [errDef]=\"{ \r\n                  earningsRequired: grossEarningHoursSatDateValidation \r\n                }\">\r\n              </app-error>\r\n            </div>\r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row style=\"margin: 0 10px auto;\">\r\n        <ion-col>\r\n          <div class=\"field\" *ngIf=\"empForm.invalid && empForm.errors?.earningsRequired\">\r\n              <app-error \r\n                [form]=\"empFormDirective\"\r\n                [field]=\"empForm\"\r\n                [errDef]=\"{ \r\n                  earningsRequired: grossEarningHoursSatDateValidation\r\n                }\">\r\n              </app-error>\r\n            </div>\r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row>\r\n        <ion-col class=\"ion-text-right\">\r\n          <ion-button shape=\"round\" fill=\"outline\" (click)=\"close()\" type=\"reset\">{{\"button.cancel\"|translate}}</ion-button>\r\n          <ion-button shape=\"round\" (click)=\"add()\" type=\"submit\">{{\"button.add\"|translate}}</ion-button>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ion-grid>\r\n  </form>", styles: [":host ::ng-deep .p-fluid .p-buttonset{display:inline-flex!important}\n"] }]
     }], () => [{ type: UtilService }, { type: i1$6.UntypedFormBuilder }, { type: ClaimService }, { type: i6$1.TranslateService }], { empFormDirective: [{
             type: ViewChild,
             args: ['empFormDirective', { static: false }]
@@ -26554,6 +26591,12 @@ class DynamicFormQuestionComponent {
         if ((localStorage.getItem('disableFieldsOnSignup') === 'true') && localStorage.getItem("flowKey") == '345') {
             this.disableFields();
         }
+        if (localStorage.getItem("language") === "es") {
+            this.wcEmployerValidationMsg = 'El último día trabajado que figura en su solicitud corresponde a esta semana; por lo tanto, debe seleccionar "sí" en la pregunta "¿Realizó algún trabajo durante la semana?"';
+        }
+        else {
+            this.wcEmployerValidationMsg = 'The last day worked reported on your claim falls within this week, you must select "yes" for "Did you perform any work during the week?"';
+        }
     }
     checkFlowKey() {
         if (this.currentflowkey === 'register-claimant') {