client-app/src/app/carnet/edit/edit-carnet.component.ts

import { CommonModule } from '@angular/common';
import { Component, inject } from '@angular/core';
import { AngularMaterialModule } from '../../shared/module/angular-material.module';
import { ReactiveFormsModule } from '@angular/forms';
import { ApplicationComponent } from '../application/application.component';
import { StepperSelectionEvent } from '@angular/cdk/stepper';
import { GoodsComponent } from '../goods/goods.component';
import { HolderComponent } from '../holder/holder.component';
import { ActivatedRoute } from '@angular/router';
import { DeliveryComponent } from '../delivery/delivery.component';
import { InsuranceComponent } from '../insurance/insurance.component';
import { PaymentComponent } from '../payment/payment.component';
import { ShippingComponent } from '../shipping/shipping.component';
import { TravelPlanComponent } from '../travel-plan/travel-plan.component';

@Component({
  selector: 'app-edit-carnet',
  imports: [AngularMaterialModule, CommonModule, ReactiveFormsModule,
    ApplicationComponent, HolderComponent, GoodsComponent, TravelPlanComponent, InsuranceComponent,
    ShippingComponent, DeliveryComponent, PaymentComponent],
  templateUrl: './edit-carnet.component.html',
  styleUrl: './edit-carnet.component.scss'
})
export class EditCarnetComponent {
  currentStep = 0;
  isLinear = false;
  applicationType: 'new' | 'additional' | 'duplicate' | 'extend' | null = 'new';
  isEditMode = true; // Set to true for edit mode
  headerid: number = 0;

  // Track completion of each step
  stepsCompleted = {
    applicationDetail: true,
    holderSelection: false,
    goodsSection: false,
    travelPlan: false,
    insurance: false,
    shipping: false,
    deliveryMethod: false,
    payment: false
  };

  private route = inject(ActivatedRoute);

  ngOnInit(): void {
    const idParam = this.route.snapshot.paramMap.get('headerid');
    this.headerid = idParam ? parseInt(idParam, 10) : 0;
  }

  onStepChange(event: StepperSelectionEvent): void {
    this.currentStep = event.selectedIndex;
  }

  onHolderSelectionSaved(completed: boolean): void {
    this.stepsCompleted.holderSelection = completed;
  }

  onGoodsSectionSaved(completed: boolean): void {
    this.stepsCompleted.goodsSection = completed;
  }

  onTravelPlanSaved(completed: boolean): void {
    this.stepsCompleted.travelPlan = completed;
  }

  onInsuranceSaved(completed: boolean): void {
    this.stepsCompleted.insurance = completed;
  }

  onShippingSaved(completed: boolean): void {
    this.stepsCompleted.shipping = completed;
  }

  onDeliveryMethodSaved(completed: boolean): void {
    this.stepsCompleted.deliveryMethod = completed;
  }

  onPaymentSaved(completed: boolean): void {
    this.stepsCompleted.payment = completed;
  }
}