add editable Account Type and Customer Segment dropdowns in product classification

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/current-accounts/current-account-stepper/current-account-details-step/current-account-details-step.component.html

@@ -74,12 +74,20 @@
       <div class="sad-grid sad-grid--classification">
         <mat-form-field appearance="outline" class="sad-field">
           <mat-label>Account Type</mat-label>
-          <input matInput [value]="productTemplate.accountType || ''" readonly />
+          <mat-select [(ngModel)]="selectedAccountType" [ngModelOptions]="{ standalone: true }">
+            @for (opt of accountTypeOptions; track opt) {
+              <mat-option [value]="opt">{{ opt }}</mat-option>
+            }
+          </mat-select>
         </mat-form-field>
 
         <mat-form-field appearance="outline" class="sad-field">
           <mat-label>Customer Segment</mat-label>
-          <input matInput [value]="productTemplate.customerSegment || ''" readonly />
+          <mat-select [(ngModel)]="selectedCustomerSegment" [ngModelOptions]="{ standalone: true }">
+            @for (opt of customerSegmentOptions; track opt) {
+              <mat-option [value]="opt">{{ opt }}</mat-option>
+            }
+          </mat-select>
         </mat-form-field>
 
         <mat-form-field appearance="outline" class="sad-field">

src/app/current-accounts/current-account-stepper/current-account-details-step/current-account-details-step.component.ts

@@ -116,6 +116,10 @@ export class CurrentAccountDetailsStepComponent implements OnInit {
 
   /** Local copy of product template for displaying classification info */
   productTemplate: any = null;
+  accountTypeOptions: string[] = [];
+  customerSegmentOptions: string[] = [];
+  selectedAccountType: string | null = null;
+  selectedCustomerSegment: string | null = null;
 
   constructor() {
     this.createCurrentAccountDetailsForm();
@@ -192,6 +196,10 @@ export class CurrentAccountDetailsStepComponent implements OnInit {
             }
           }
           this.productTemplate = response;
+          this.accountTypeOptions = this.extractOptions(response.accountTypeOptions, response.accountType);
+          this.customerSegmentOptions = this.extractOptions(response.customerSegmentOptions, response.customerSegment);
+          this.selectedAccountType = response.accountType ?? null;
+          this.selectedCustomerSegment = response.customerSegment ?? null;
           this.currentAccountProductTemplate.emit(response);
           this.fieldOfficerData = response.fieldOfficerOptions;
           this.currentAccountProductSelected = true;
@@ -215,6 +223,13 @@ export class CurrentAccountDetailsStepComponent implements OnInit {
   /**
    * Formats template dates into the current CBS date format.
    */
+  private extractOptions(options: any[], fallback?: string): string[] {
+    if (Array.isArray(options) && options.length > 0) {
+      return options.map((o: any) => o.value ?? o.name ?? o);
+    }
+    return fallback ? [fallback] : [];
+  }
+
   formatTemplateDate(value: any): string {
     if (!value) {
       return '';