cloud-ide-academics 0.0.28 → 0.0.30

package/fesm2022/cloud-ide-academics-class-program-term-create.component-B-7JRpVE.mjs

@@ -0,0 +1,1196 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, ChangeDetectorRef, signal, computed, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
+import { Router, ActivatedRoute } from '@angular/router';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NotificationService, ConfirmationService, CideInputComponent, CideTextareaComponent, CideEleButtonComponent, CideIconComponent, CideSelectComponent } from 'cloud-ide-element';
+import { AppStateHelperService, CideLytSharedWrapperComponent } from 'cloud-ide-layout';
+import { ENTITY_SERVICE_TOKEN } from 'cloud-ide-shared';
+import { b as CideLytClassProgramBranchService, C as CideLytProgramClassService, c as CideLytClassProgramTermService } from './cloud-ide-academics-cloud-ide-academics-FwQEJSnJ.mjs';
+import { generateObjectFromString, MClassProgramTerm } from 'cloud-ide-lms-model';
+
+class ClassProgramTermCreateComponent {
+    // Dependency injection
+    destroyRef = inject(DestroyRef);
+    fb = inject(FormBuilder);
+    entityService = inject(ENTITY_SERVICE_TOKEN);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    appState = inject(AppStateHelperService);
+    notificationService = inject(NotificationService);
+    confirmationService = inject(ConfirmationService);
+    classProgramBranchService = inject(CideLytClassProgramBranchService);
+    programClassService = inject(CideLytProgramClassService);
+    classProgramTermService = inject(CideLytClassProgramTermService);
+    cdr = inject(ChangeDetectorRef);
+    classProgramTermForm;
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    // Class program term information from route
+    classProgramTermId = signal('', ...(ngDevMode ? [{ debugName: "classProgramTermId" }] : []));
+    isEditMode = signal(false, ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
+    isViewMode = signal(false, ...(ngDevMode ? [{ debugName: "isViewMode" }] : []));
+    // Data signals
+    programClasses = signal([], ...(ngDevMode ? [{ debugName: "programClasses" }] : []));
+    classProgramBranches = signal([], ...(ngDevMode ? [{ debugName: "classProgramBranches" }] : []));
+    // Options for dropdowns
+    programClassOptions = signal([], ...(ngDevMode ? [{ debugName: "programClassOptions" }] : []));
+    branchOptions = signal([], ...(ngDevMode ? [{ debugName: "branchOptions" }] : []));
+    parentTermOptions = signal([], ...(ngDevMode ? [{ debugName: "parentTermOptions" }] : []));
+    // Selected program class for branchType check
+    selectedProgramClass = signal(null, ...(ngDevMode ? [{ debugName: "selectedProgramClass" }] : []));
+    // Computed signal to check if branch dropdown should be shown
+    showBranchDropdown = computed(() => {
+        const selectedProgram = this.selectedProgramClass();
+        if (!selectedProgram)
+            return false;
+        const generalMaster = selectedProgram.acacpm_class_program_id_sygms;
+        if (!generalMaster || typeof generalMaster !== 'object')
+            return false;
+        let config;
+        if ('sygms_configuration' in generalMaster) {
+            const configValue = generalMaster.sygms_configuration;
+            if (typeof configValue === 'string') {
+                try {
+                    config = JSON.parse(configValue);
+                }
+                catch {
+                    return false;
+                }
+            }
+            else if (typeof configValue === 'object') {
+                config = configValue;
+            }
+        }
+        return config?.branchType === true;
+    }, ...(ngDevMode ? [{ debugName: "showBranchDropdown" }] : []));
+    // Computed signal to check if term dropdown should be shown
+    // Hide term dropdown if termType=true, termProgramLevelOneConnected=true, and termLevelUpTo <= 1
+    showTermDropdown = computed(() => {
+        const selectedProgram = this.selectedProgramClass();
+        if (!selectedProgram)
+            return true; // Show by default if no program selected
+        const generalMaster = selectedProgram.acacpm_class_program_id_sygms;
+        if (!generalMaster || typeof generalMaster !== 'object')
+            return true;
+        let config;
+        if ('sygms_configuration' in generalMaster) {
+            const configValue = generalMaster.sygms_configuration;
+            if (typeof configValue === 'string') {
+                try {
+                    config = JSON.parse(configValue);
+                }
+                catch {
+                    return true;
+                }
+            }
+            else if (typeof configValue === 'object') {
+                config = configValue;
+            }
+        }
+        // If termType=true AND termProgramLevelOneConnected=true AND termLevelUpTo <= 1, hide dropdown
+        if (config?.termType === true &&
+            config?.termProgramLevelOneConnected === true &&
+            config?.termLevelUpTo !== undefined &&
+            config.termLevelUpTo <= 1) {
+            return false;
+        }
+        return true; // Show dropdown by default
+    }, ...(ngDevMode ? [{ debugName: "showTermDropdown" }] : []));
+    // Get the auto-selected term ID when termLevelUpTo <= 1
+    autoSelectedTermId = computed(() => {
+        if (!this.showTermDropdown()) {
+            // When dropdown is hidden, we need to find the term for this program
+            // This will be handled in the program class change handler
+            return null;
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "autoSelectedTermId" }] : []));
+    // Route parameters
+    acabrnId = signal(null, ...(ngDevMode ? [{ debugName: "acabrnId" }] : []));
+    acacpmId = signal(null, ...(ngDevMode ? [{ debugName: "acacpmId" }] : []));
+    parentTermId = signal(null, ...(ngDevMode ? [{ debugName: "parentTermId" }] : []));
+    // Signal for breadcrumb data that will be passed to shared wrapper
+    breadcrumbData = signal([], ...(ngDevMode ? [{ debugName: "breadcrumbData" }] : []));
+    // Date constraints
+    endDateMinDate = signal('', ...(ngDevMode ? [{ debugName: "endDateMinDate" }] : []));
+    constructor() {
+        this.classProgramTermForm = this.fb.group({
+            // Basic Class Program Term Information
+            acapt_code: ['', [Validators.required]],
+            acapt_name: ['', [Validators.required]],
+            acapt_description: [''],
+            acapt_class_program_id_acacpm: ['', [Validators.required]],
+            acapt_class_program_branch_id_acabrn: [''], // Will be conditionally required based on branchType
+            acapt_parent_class_prog_term_acapt: [''],
+            acapt_start_date: [''],
+            acapt_end_date: [''],
+            acapt_isactive: [true],
+            acapt_islocked: [false]
+        });
+    }
+    ngOnInit() {
+        this.initializeComponent();
+        this.setupFormSubscriptions();
+        this.updateBreadcrumbData();
+    }
+    /**
+     * Update breadcrumb data based on mode
+     */
+    updateBreadcrumbData() {
+        const additionalItems = [];
+        if (this.isViewMode()) {
+            additionalItems.push({
+                id: 'view',
+                label: 'View',
+                icon: 'visibility',
+                url: undefined
+            });
+        }
+        else if (this.isEditMode()) {
+            additionalItems.push({
+                id: 'edit',
+                label: 'Edit',
+                icon: 'edit',
+                url: undefined
+            });
+        }
+        else {
+            additionalItems.push({
+                id: 'create',
+                label: 'Create',
+                icon: 'add',
+                url: undefined
+            });
+        }
+        this.breadcrumbData.set(additionalItems);
+    }
+    /**
+     * Setup form subscriptions for dependent dropdowns
+     */
+    setupFormSubscriptions() {
+        // Watch for program class changes to filter branches
+        this.classProgramTermForm.get('acapt_class_program_id_acacpm')?.valueChanges
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(programClassId => {
+            console.log('🔔 Program class changed to:', programClassId);
+            if (programClassId) {
+                // Update selected program class
+                const selectedProgram = this.programClassOptions().find(p => p._id === programClassId);
+                this.selectedProgramClass.set(selectedProgram || null);
+                // Load branches only if branchType is true
+                if (this.showBranchDropdown()) {
+                    this.loadBranchesForProgramClass(programClassId);
+                    // Set branch as required when branchType is true
+                    this.classProgramTermForm.get('acapt_class_program_branch_id_acabrn')?.setValidators([Validators.required]);
+                }
+                else {
+                    // Clear branches and remove required validator when branchType is false
+                    this.branchOptions.set([]);
+                    this.classProgramTermForm.get('acapt_class_program_branch_id_acabrn')?.clearValidators();
+                    this.classProgramTermForm.get('acapt_class_program_branch_id_acabrn')?.setValue('');
+                }
+                // Handle term dropdown visibility and auto-selection
+                if (!this.showTermDropdown()) {
+                    // If term dropdown should be hidden, auto-select the term for this program
+                    this.autoSelectTermForProgram(programClassId);
+                }
+                else {
+                    // If term dropdown should be shown, load parent terms as usual
+                    // Clear parent term selection when program class changes (only if not setting from route)
+                    const acabrnId = this.acabrnId();
+                    if (!acabrnId) {
+                        console.log('🧹 Clearing branch and parent term (program class changed)');
+                        if (!this.showBranchDropdown()) {
+                            this.classProgramTermForm.patchValue({
+                                acapt_class_program_branch_id_acabrn: ''
+                            });
+                        }
+                        this.parentTermOptions.set([]);
+                    }
+                }
+            }
+            else {
+                // Clear all dependent dropdowns when program class is cleared
+                console.log('🧹 Clearing all dependent dropdowns (no program class)');
+                this.selectedProgramClass.set(null);
+                this.branchOptions.set([]);
+                this.parentTermOptions.set([]);
+                this.classProgramTermForm.get('acapt_class_program_branch_id_acabrn')?.clearValidators();
+                this.classProgramTermForm.patchValue({
+                    acapt_class_program_branch_id_acabrn: '',
+                    acapt_parent_class_prog_term_acapt: ''
+                });
+            }
+            this.classProgramTermForm.get('acapt_class_program_branch_id_acabrn')?.updateValueAndValidity();
+        });
+        // Watch for branch changes to determine parent term
+        this.classProgramTermForm.get('acapt_class_program_branch_id_acabrn')?.valueChanges
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(branchId => {
+            console.log('🔔🔔🔔 Branch valueChanges triggered! Branch ID:', branchId);
+            if (branchId) {
+                // Load parent terms for the selected branch
+                console.log('🔄 Calling determineParentTerm for branch:', branchId);
+                this.determineParentTerm(branchId);
+            }
+            else {
+                // Clear parent term options and value when branch is cleared
+                console.log('🧹 Clearing parent term options (no branch selected)');
+                this.parentTermOptions.set([]);
+                this.classProgramTermForm.patchValue({
+                    acapt_parent_class_prog_term_acapt: ''
+                });
+            }
+        });
+        // Watch for parent term changes to set date constraints
+        this.classProgramTermForm.get('acapt_parent_class_prog_term_acapt')?.valueChanges
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(parentTermId => {
+            this.loadParentTermDetails(parentTermId);
+        });
+        // Watch for start date changes to set minimum date for end date
+        this.classProgramTermForm.get('acapt_start_date')?.valueChanges
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(startDate => {
+            this.updateEndDateMinDate(startDate);
+        });
+    }
+    /**
+     * Initialize component
+     */
+    initializeComponent() {
+        // Check route parameters to determine mode
+        const routeParams = this.route.snapshot.params;
+        const queryParams = routeParams['query'];
+        // Check if we have query params (for edit/view mode)
+        if (queryParams) {
+            const queryData = generateObjectFromString(queryParams);
+            // Check for edit mode (acapt_id in query)
+            if (queryData?.acapt_id && !queryData?.acapt_parent_id) {
+                // This is edit mode (acapt_id without acapt_parent_id means editing the term itself)
+                this.isEditMode.set(true);
+                this.classProgramTermId.set(queryData.acapt_id);
+                this.loadClassProgramTermForEdit(queryData);
+                this.checkRouteParams(); // Still check for pre-selection of other fields
+            }
+            else if (this.router.url.includes('/view/')) {
+                // View mode
+                this.isViewMode.set(true);
+                this.loadClassProgramTermForView(queryData);
+            }
+            else {
+                // Create mode with pre-selection
+                this.checkRouteParams();
+            }
+        }
+        else {
+            // No query params - check URL for edit/view mode
+            const url = this.router.url;
+            if (url.includes('/view/')) {
+                this.isViewMode.set(true);
+                this.loadClassProgramTermForView({});
+            }
+            else if (url.includes('/edit/')) {
+                this.isEditMode.set(true);
+                this.loadClassProgramTermForEdit({});
+            }
+            else {
+                // Create mode
+                this.isEditMode.set(false);
+                this.isViewMode.set(false);
+                this.checkRouteParams();
+            }
+        }
+        // Update breadcrumb after mode is determined
+        this.updateBreadcrumbData();
+        // Load dropdown options
+        this.loadDropdownOptions();
+        // Set parent term if provided from route (for child term creation)
+        // This will be called after branches are loaded if acabrnId is present
+        // Otherwise, set it directly
+        if (!this.acabrnId() && !this.isEditMode() && !this.isViewMode()) {
+            this.setParentTermFromRoute();
+        }
+    }
+    /**
+     * Set parent term from route parameters
+     */
+    setParentTermFromRoute() {
+        const parentId = this.parentTermId();
+        if (parentId && !this.isEditMode() && !this.isViewMode()) {
+            this.classProgramTermForm.patchValue({
+                acapt_parent_class_prog_term_acapt: parentId
+            }, { emitEvent: true }); // Allow emitEvent to trigger parent term details loading
+        }
+    }
+    /**
+     * Check route parameters for acabrn_id and acacpm_id
+     */
+    checkRouteParams() {
+        // First check synchronously from snapshot
+        const routeParams = this.route.snapshot.params;
+        const queryParams = routeParams['query'];
+        console.log('🏢 Route params (snapshot):', routeParams, 'queryParams:', queryParams);
+        if (queryParams) {
+            console.log('✅ Query parameters found in route, will pre-select fields');
+            // Query parameters passed (following page-controls pattern)
+            const queryData = generateObjectFromString(queryParams);
+            console.log('🏢 Class Program Term Create params from route:', queryData);
+            // Check for branch ID in multiple possible formats
+            const branchId = queryData?.acabrn_id || queryData?.acabrnId || queryData?.branch_id || queryData?.branchId;
+            if (branchId) {
+                this.acabrnId.set(branchId);
+                console.log('🏢 Branch ID from route:', branchId);
+            }
+            if (queryData?.acacpm_id) {
+                const programId = queryData.acacpm_id;
+                this.acacpmId.set(programId);
+                console.log('🏢 ✅✅✅ Class Program ID SET from route:', programId);
+                console.log('🏢 ✅✅✅ acacpmId signal value:', this.acacpmId());
+            }
+            else {
+                console.log('🏢 ❌❌❌ NO acacpm_id in queryData:', queryData);
+            }
+            // Only set parent term ID if it's for creating a child term (acapt_parent_id)
+            // If acapt_id is present without acapt_parent_id, it's edit mode, not parent selection
+            if (queryData?.acapt_parent_id) {
+                const parentId = queryData.acapt_parent_id;
+                this.parentTermId.set(parentId);
+                console.log('🏢 Parent Term ID from route (for child term):', parentId);
+            }
+        }
+        else {
+            console.log('ℹ️ No query parameters in route - creating new term without pre-selection');
+        }
+        // Also subscribe to route params for dynamic changes
+        this.route.params.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(params => {
+            const dynamicQueryParams = params['query'];
+            if (dynamicQueryParams && dynamicQueryParams !== queryParams) {
+                const queryData = generateObjectFromString(dynamicQueryParams);
+                console.log('🏢 Route params changed:', queryData);
+                // Check for branch ID in multiple possible formats
+                const branchId = queryData?.acabrn_id || queryData?.acabrnId || queryData?.branch_id || queryData?.branchId;
+                if (branchId) {
+                    this.acabrnId.set(branchId);
+                }
+                if (queryData?.acacpm_id) {
+                    this.acacpmId.set(queryData.acacpm_id);
+                }
+                if (queryData?.acapt_parent_id) {
+                    const parentId = queryData.acapt_parent_id;
+                    this.parentTermId.set(parentId);
+                }
+            }
+        });
+    }
+    /**
+     * Load class program term for viewing
+     */
+    loadClassProgramTermForView(queryParams) {
+        // Implementation for view mode
+        this.classProgramTermForm.disable();
+    }
+    /**
+     * Load class program term for editing
+     */
+    loadClassProgramTermForEdit(queryData) {
+        const routeParams = this.route.snapshot.params;
+        const queryParams = routeParams['query'];
+        // Get term ID from query data or route params
+        let termId;
+        if (queryData?.acapt_id) {
+            termId = queryData.acapt_id;
+        }
+        else if (queryParams) {
+            const decoded = generateObjectFromString(queryParams);
+            termId = decoded?.acapt_id;
+        }
+        if (!termId) {
+            console.error('❌ No term ID found in route parameters for edit mode');
+            this.error.set('Term ID not found in route parameters');
+            return;
+        }
+        console.log('🏢 Loading term for edit, ID:', termId);
+        this.classProgramTermId.set(termId);
+        this.loading.set(true);
+        this.error.set(null);
+        // Load term data
+        this.classProgramTermService.getClassProgramTermById({ acapt_id: termId })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                console.log('🏢 Term data loaded for edit:', response);
+                this.loading.set(false);
+                if (response?.success && response.data) {
+                    const term = response.data; // Type cast to handle property name differences
+                    // Set program class and branch IDs for loading dropdowns
+                    if (term.acapt_class_program_id_acacpm) {
+                        const programId = typeof term.acapt_class_program_id_acacpm === 'string'
+                            ? term.acapt_class_program_id_acacpm
+                            : term.acapt_class_program_id_acacpm?._id;
+                        if (programId) {
+                            this.acacpmId.set(programId);
+                        }
+                    }
+                    // Handle branch ID - check both property name variations
+                    const branchIdValue = term.acapt_class_program_branch_id_acabrn || term.acapt_class_prg_branch_acabrn;
+                    if (branchIdValue) {
+                        const branchId = typeof branchIdValue === 'string'
+                            ? branchIdValue
+                            : branchIdValue?._id;
+                        if (branchId) {
+                            this.acabrnId.set(branchId);
+                        }
+                    }
+                    // Load dropdowns first, then patch form
+                    this.loadDropdownOptions();
+                    // Wait a bit for dropdowns to load, then patch form
+                    setTimeout(() => {
+                        // Get branch ID for form patching
+                        const branchIdForForm = typeof branchIdValue === 'string'
+                            ? branchIdValue
+                            : branchIdValue?._id || '';
+                        const programClassId = typeof term.acapt_class_program_id_acacpm === 'string'
+                            ? term.acapt_class_program_id_acacpm
+                            : term.acapt_class_program_id_acacpm?._id || '';
+                        // Set selected program class to check branchType
+                        const selectedProgram = this.programClassOptions().find(p => p._id === programClassId);
+                        this.selectedProgramClass.set(selectedProgram || null);
+                        // Update branch validation based on branchType
+                        if (this.showBranchDropdown()) {
+                            this.classProgramTermForm.get('acapt_class_program_branch_id_acabrn')?.setValidators([Validators.required]);
+                        }
+                        else {
+                            this.classProgramTermForm.get('acapt_class_program_branch_id_acabrn')?.clearValidators();
+                        }
+                        this.classProgramTermForm.patchValue({
+                            acapt_code: term.acapt_code || '',
+                            acapt_name: term.acapt_name || '',
+                            acapt_description: term.acapt_description || term.acapt_desc || '',
+                            acapt_class_program_id_acacpm: programClassId,
+                            acapt_class_program_branch_id_acabrn: branchIdForForm,
+                            acapt_parent_class_prog_term_acapt: typeof term.acapt_parent_class_prog_term_acapt === 'string'
+                                ? term.acapt_parent_class_prog_term_acapt
+                                : term.acapt_parent_class_prog_term_acapt?._id || '',
+                            acapt_sequence: term.acapt_sequence || 0,
+                            acapt_start_date: term.acapt_start_date || '',
+                            acapt_end_date: term.acapt_end_date || '',
+                            acapt_isactive: term.acapt_isactive ?? true,
+                            acapt_islocked: term.acapt_islocked ?? false
+                        }, { emitEvent: true });
+                        // Load parent terms after form is patched
+                        if (this.showBranchDropdown() && branchIdForForm) {
+                            this.loadParentTermsForBranch(branchIdForForm);
+                        }
+                        else if (!this.showBranchDropdown() && programClassId) {
+                            this.loadParentTermsForProgramClass(programClassId);
+                        }
+                        this.classProgramTermForm.get('acapt_class_program_branch_id_acabrn')?.updateValueAndValidity();
+                    }, 300);
+                }
+                else {
+                    this.error.set('Term data not found');
+                }
+            },
+            error: (err) => {
+                console.error('❌ Error loading term for edit:', err);
+                this.loading.set(false);
+                this.error.set('Failed to load term data');
+                this.notificationService.error('Failed to load term data for editing');
+            }
+        });
+    }
+    /**
+     * Load dropdown options
+     */
+    loadDropdownOptions() {
+        // Load program classes
+        this.loadProgramClasses();
+        // Load branches
+        this.loadClassProgramBranches();
+    }
+    /**
+     * Load program classes
+     */
+    loadProgramClasses() {
+        console.log('🔍 loadProgramClasses() CALLED');
+        console.log('🔍 Current acacpmId signal value:', this.acacpmId());
+        this.programClassService.getProgramClassList({ pagination: false })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                console.log('✅ Program classes API response:', response);
+                if (response?.success && response.data) {
+                    // Set options first
+                    this.programClassOptions.set(response.data);
+                    console.log('✅ Program class options set:', response.data.length, 'items');
+                    // Pre-select program class if provided in route
+                    const acacpmId = this.acacpmId();
+                    console.log('🔍🔍🔍 CHECKING Program class ID from signal:', acacpmId);
+                    if (acacpmId) {
+                        // Verify the ID exists in the options
+                        const exists = response.data.find(p => p._id === acacpmId);
+                        console.log('🔍 Does acacpmId exist in options?', exists ? 'YES' : 'NO', exists);
+                        // Wait for Angular to update the DOM with options, then set the value
+                        setTimeout(() => {
+                            const programClassControl = this.classProgramTermForm.get('acapt_class_program_id_acacpm');
+                            console.log('📝📝📝 SETTING program class value to:', acacpmId);
+                            console.log('📝 Current form control value BEFORE:', programClassControl?.value);
+                            // Find and set selected program class
+                            const selectedProgram = response.data.find(p => p._id === acacpmId);
+                            this.selectedProgramClass.set(selectedProgram || null);
+                            programClassControl?.setValue(acacpmId);
+                            console.log('✅✅✅ Program class form control value AFTER:', programClassControl?.value);
+                            console.log('✅ Form object:', this.classProgramTermForm.value);
+                            console.log('✅ Form valid:', this.classProgramTermForm.valid);
+                            // Load branches only if branchType is true
+                            if (this.showBranchDropdown()) {
+                                this.loadBranchesForProgramClass(acacpmId);
+                            }
+                            else {
+                                // If no branchType, load parent terms directly using program class
+                                this.loadParentTermsForProgramClass(acacpmId);
+                            }
+                        }, 50);
+                    }
+                    else {
+                        console.log('⚠️⚠️⚠️ NO program class ID in acacpmId signal');
+                    }
+                }
+                else {
+                    console.warn('⚠️ No program class data received');
+                    this.programClassOptions.set([]);
+                }
+            },
+            error: (error) => {
+                console.error('❌ Error loading program classes:', error);
+                this.programClassOptions.set([]);
+            }
+        });
+    }
+    /**
+     * Load class program branches
+     */
+    loadClassProgramBranches() {
+        const acacpmId = this.acacpmId();
+        if (acacpmId) {
+            // Only load branches if branchType is true
+            if (this.showBranchDropdown()) {
+                this.loadBranchesForProgramClass(acacpmId);
+            }
+            else {
+                // If no branchType, load parent terms directly
+                this.loadParentTermsForProgramClass(acacpmId);
+            }
+        }
+    }
+    /**
+     * Load branches for a specific program class
+     */
+    loadBranchesForProgramClass(programClassId) {
+        const payload = {
+            pagination: false,
+            pageIndex: 0,
+            pageSize: 100,
+            acabrn_class_program_id_acacpm: programClassId
+        };
+        this.classProgramBranchService.getClassProgramBranchList(payload)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                console.log('✅ Class program branches loaded for program class:', programClassId, response);
+                if (response?.success && response.data) {
+                    this.branchOptions.set(response.data);
+                    // Pre-select branch if provided in route and not already set
+                    const acabrnId = this.acabrnId();
+                    const currentBranchId = this.classProgramTermForm.get('acapt_class_program_branch_id_acabrn')?.value;
+                    console.log('🔍 Checking branch pre-selection - acabrnId:', acabrnId, 'currentBranchId:', currentBranchId);
+                    if (acabrnId && !currentBranchId) {
+                        console.log('✅ Pre-selecting branch:', acabrnId);
+                        // Use emitEvent: true to trigger valueChanges and load parent terms
+                        this.classProgramTermForm.patchValue({
+                            acapt_class_program_branch_id_acabrn: acabrnId
+                        }, { emitEvent: true });
+                        // Directly load parent terms after branch is set (in case valueChanges doesn't fire)
+                        setTimeout(() => {
+                            console.log('🔄 Directly loading parent terms for branch:', acabrnId);
+                            this.loadParentTermsForBranch(acabrnId);
+                        }, 150);
+                    }
+                    else if (acabrnId && currentBranchId !== acabrnId) {
+                        // Branch ID exists but form has different value, update it
+                        console.log('🔄 Updating branch selection from', currentBranchId, 'to', acabrnId);
+                        this.classProgramTermForm.patchValue({
+                            acapt_class_program_branch_id_acabrn: acabrnId
+                        }, { emitEvent: true });
+                        // Directly load parent terms after branch is updated
+                        setTimeout(() => {
+                            console.log('🔄 Directly loading parent terms for branch:', acabrnId);
+                            this.loadParentTermsForBranch(acabrnId);
+                        }, 150);
+                    }
+                    else if (!acabrnId) {
+                        console.log('⚠️ No branch ID found in route parameters');
+                    }
+                }
+                else {
+                    console.warn('⚠️ No branch data received');
+                    this.branchOptions.set([]);
+                }
+            },
+            error: (error) => {
+                console.error('❌ Error loading branches:', error);
+                this.branchOptions.set([]);
+            }
+        });
+    }
+    /**
+     * Determine parent term based on selected branch
+     * This method will be called internally when branch is selected
+     */
+    determineParentTerm(branchId) {
+        // Find the selected branch from the options
+        const selectedBranch = this.branchOptions().find(branch => branch._id === branchId);
+        if (selectedBranch) {
+            console.log('🏢 Determining parent term for branch:', selectedBranch.acabrn_name);
+            // Load existing terms for this branch to find potential parent terms
+            // This will also set the parent term from route if available
+            this.loadParentTermsForBranch(branchId);
+        }
+        else {
+            // Clear parent term options if branch not found
+            this.parentTermOptions.set([]);
+        }
+    }
+    /**
+     * Auto-select term for program when termType=true, termProgramLevelOneConnected=true, and termLevelUpTo <= 1
+     */
+    autoSelectTermForProgram(programClassId) {
+        console.log('🔄 Auto-selecting term for program:', programClassId);
+        // Build payload to get the term for this program
+        const branchId = this.classProgramTermForm.get('acapt_class_program_branch_id_acabrn')?.value;
+        const payload = new MClassProgramTerm({
+            pageIndex: 0,
+            pageSize: 1, // Only need one term
+            query: "",
+            sort: {
+                key: 'acapt_sequence',
+                order: 'asc'
+            },
+            acapt_class_program_id_acacpm: programClassId,
+            acapt_class_prg_branch_acabrn: branchId || ''
+        });
+        this.classProgramTermService.getClassProgramTermList(payload)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                if (response?.success && response.data && response.data.length > 0) {
+                    const term = response.data[0];
+                    const termId = typeof term._id === 'string' ? term._id : term._id?._id || '';
+                    if (termId) {
+                        console.log('✅ Auto-selected term:', termId, term.acapt_name);
+                        // Auto-select the term in the parent term field
+                        this.classProgramTermForm.patchValue({
+                            acapt_parent_class_prog_term_acapt: termId
+                        }, { emitEvent: true });
+                    }
+                }
+                else {
+                    console.warn('⚠️ No term found for program:', programClassId);
+                }
+            },
+            error: (error) => {
+                console.error('❌ Error auto-selecting term:', error);
+            }
+        });
+    }
+    /**
+     * Load parent terms for a specific program class (when branchType is false)
+     */
+    loadParentTermsForProgramClass(programClassId) {
+        console.log('🏢🏢🏢 loadParentTermsForProgramClass CALLED with programClassId:', programClassId);
+        if (!programClassId) {
+            console.warn('⚠️ Missing programClassId');
+            this.parentTermOptions.set([]);
+            return;
+        }
+        console.log('🏢 Making API call for parent terms - program class:', programClassId);
+        const payload = new MClassProgramTerm({
+            pageIndex: 0,
+            pageSize: 1000,
+            query: "",
+            sort: {
+                key: 'acapt_name',
+                order: 'asc'
+            },
+            acapt_class_program_id_acacpm: programClassId,
+            acapt_class_prg_branch_acabrn: '' // Empty string when branchType is false
+        });
+        console.log('📤 API Payload for parent terms (no branch):', JSON.stringify(payload, null, 2));
+        this.classProgramTermService.getClassProgramTermList(payload)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                console.log('✅ Parent terms loaded (no branch):', response);
+                if (response?.success && response.data) {
+                    // All terms can be parent terms (for child term creation)
+                    const parentTerms = response.data;
+                    // Normalize parent field to string ID for tree view compatibility
+                    const normalizedTerms = parentTerms.map(term => {
+                        const normalized = { ...term };
+                        // Normalize parent field - ensure it's always a string ID or empty string
+                        if (normalized.acapt_parent_class_prog_term_acapt) {
+                            if (typeof normalized.acapt_parent_class_prog_term_acapt === 'object') {
+                                normalized.acapt_parent_class_prog_term_acapt = normalized.acapt_parent_class_prog_term_acapt?._id || '';
+                            }
+                            else if (typeof normalized.acapt_parent_class_prog_term_acapt === 'string') {
+                                normalized.acapt_parent_class_prog_term_acapt = normalized.acapt_parent_class_prog_term_acapt.trim() || '';
+                            }
+                        }
+                        else {
+                            normalized.acapt_parent_class_prog_term_acapt = '';
+                        }
+                        return normalized;
+                    });
+                    // Set options directly - tree view will be handled by select component
+                    this.parentTermOptions.set(normalizedTerms);
+                    console.log('✅ Parent term options set (no branch):', normalizedTerms.length, 'options');
+                    // Set parent term from route after options are loaded
+                    const parentId = this.parentTermId();
+                    if (parentId && !this.isEditMode() && !this.isViewMode()) {
+                        setTimeout(() => {
+                            const parentTermControl = this.classProgramTermForm.get('acapt_parent_class_prog_term_acapt');
+                            if (parentTermControl) {
+                                parentTermControl.setValue(parentId, { emitEvent: true });
+                                this.cdr.detectChanges();
+                            }
+                        }, 200);
+                    }
+                }
+                else {
+                    console.warn('⚠️ No parent term data received');
+                    this.parentTermOptions.set([]);
+                }
+            },
+            error: (error) => {
+                console.error('❌ Error loading parent terms:', error);
+                this.parentTermOptions.set([]);
+            }
+        });
+    }
+    /**
+     * Load parent terms for a specific branch
+     */
+    loadParentTermsForBranch(branchId) {
+        const programClassId = this.classProgramTermForm.get('acapt_class_program_id_acacpm')?.value;
+        console.log('🏢🏢🏢 loadParentTermsForBranch CALLED with branchId:', branchId, 'programClassId:', programClassId);
+        if (!programClassId || !branchId) {
+            console.warn('⚠️ Missing required IDs - programClassId:', programClassId, 'branchId:', branchId);
+            this.parentTermOptions.set([]);
+            return;
+        }
+        console.log('🏢 Making API call for parent terms - branch:', branchId, 'program class:', programClassId);
+        const payload = new MClassProgramTerm({
+            pageIndex: 0,
+            pageSize: 1000,
+            query: "",
+            sort: {
+                key: 'acapt_name',
+                order: 'asc'
+            },
+            acapt_class_program_id_acacpm: programClassId,
+            acapt_class_prg_branch_acabrn: branchId
+        });
+        console.log('📤 API Payload for parent terms:', JSON.stringify(payload, null, 2));
+        this.classProgramTermService.getClassProgramTermList(payload)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                console.log('✅ Parent terms loaded:', response);
+                if (response?.success && response.data) {
+                    // All terms can be parent terms (for child term creation)
+                    const parentTerms = response.data;
+                    // Normalize parent field to string ID for tree view compatibility
+                    const normalizedTerms = parentTerms.map(term => {
+                        const normalized = { ...term };
+                        // Normalize parent field - ensure it's always a string ID or empty string
+                        if (normalized.acapt_parent_class_prog_term_acapt) {
+                            if (typeof normalized.acapt_parent_class_prog_term_acapt === 'object') {
+                                // If it's an object, extract the _id
+                                normalized.acapt_parent_class_prog_term_acapt = normalized.acapt_parent_class_prog_term_acapt?._id || '';
+                            }
+                            else if (typeof normalized.acapt_parent_class_prog_term_acapt === 'string') {
+                                // Already a string, ensure it's not empty or null
+                                normalized.acapt_parent_class_prog_term_acapt = normalized.acapt_parent_class_prog_term_acapt.trim() || '';
+                            }
+                        }
+                        else {
+                            // No parent - set to empty string for tree view
+                            normalized.acapt_parent_class_prog_term_acapt = '';
+                        }
+                        return normalized;
+                    });
+                    // Set options directly - tree view will be handled by select component
+                    this.parentTermOptions.set(normalizedTerms);
+                    console.log('✅ Parent term options set:', normalizedTerms.length, 'options');
+                    console.log('🌳 Tree view enabled - options will be displayed in tree structure');
+                    console.log('🌳 Sample normalized term:', normalizedTerms[0] ? {
+                        _id: normalizedTerms[0]._id,
+                        name: normalizedTerms[0].acapt_name,
+                        parent: normalizedTerms[0].acapt_parent_class_prog_term_acapt
+                    } : 'No terms');
+                    // Set parent term from route after options are loaded
+                    const parentId = this.parentTermId();
+                    console.log('🔍 Checking parent term pre-selection - parentId:', parentId);
+                    if (parentId && !this.isEditMode() && !this.isViewMode()) {
+                        // Check if the parent ID exists in the options
+                        const parentExists = normalizedTerms.find(term => term._id === parentId);
+                        console.log('🔍 Parent term exists in options:', !!parentExists, parentExists?.acapt_name);
+                        if (parentExists) {
+                            // Use longer timeout to ensure DOM is fully rendered
+                            setTimeout(() => {
+                                console.log('✅ Setting parent term to:', parentId);
+                                const parentTermControl = this.classProgramTermForm.get('acapt_parent_class_prog_term_acapt');
+                                if (parentTermControl) {
+                                    // Use setValue instead of patchValue for better control
+                                    parentTermControl.setValue(parentId, { emitEvent: true });
+                                    console.log('✅✅✅ Parent term form control value set to:', parentTermControl.value);
+                                    // Force change detection to update the view
+                                    this.cdr.detectChanges();
+                                    // Additional timeout to ensure dropdown displays the selected value
+                                    setTimeout(() => {
+                                        this.cdr.detectChanges();
+                                        console.log('✅✅✅ Change detection triggered again for parent term dropdown');
+                                    }, 50);
+                                }
+                            }, 200); // Increased timeout to 200ms for DOM rendering
+                        }
+                        else {
+                            console.warn('⚠️ Parent term ID not found in options:', parentId);
+                        }
+                    }
+                    else {
+                        console.log('⚠️ Not pre-selecting parent term - parentId:', parentId, 'isEdit:', this.isEditMode(), 'isView:', this.isViewMode());
+                    }
+                }
+                else {
+                    console.warn('⚠️ No parent term data received');
+                    this.parentTermOptions.set([]);
+                }
+            },
+            error: (error) => {
+                console.error('❌ Error loading parent terms:', error);
+                this.parentTermOptions.set([]);
+            }
+        });
+    }
+    /**
+     * Load parent term details for date validation
+     * This method will be called when a parent term is selected
+     */
+    loadParentTermDetails(parentTermId) {
+        if (!parentTermId) {
+            // Clear date constraints when no parent is selected
+            this.clearDateConstraints();
+            return;
+        }
+        // TODO: Implement API call to get parent term details
+        // For now, we'll use mock data or implement based on your API
+        console.log('🏢 Loading parent term details for ID:', parentTermId);
+        // Example implementation - replace with actual API call
+        // this.classProgramTermService.getClassProgramTermById({ _id: parentTermId })
+        //   .pipe(takeUntilDestroyed(this.destroyRef))
+        //   .subscribe({
+        //     next: (response) => {
+        //       if (response?.success && response.data) {
+        //         const parentTerm = response.data;
+        //         this.setDateConstraints(parentTerm.acapt_start_date, parentTerm.acapt_end_date);
+        //       }
+        //     },
+        //     error: (error) => {
+        //       console.error('❌ Error loading parent term details:', error);
+        //     }
+        //   });
+    }
+    /**
+     * Set date constraints based on parent term dates
+     */
+    setDateConstraints(parentStartDate, parentEndDate) {
+        console.log('🏢 Setting date constraints:', { parentStartDate, parentEndDate });
+        // Update form validation to ensure child dates are within parent range
+        const startDateControl = this.classProgramTermForm.get('acapt_start_date');
+        const endDateControl = this.classProgramTermForm.get('acapt_end_date');
+        if (startDateControl && endDateControl) {
+            // Add custom validators for date range
+            startDateControl.setValidators([
+                this.dateRangeValidator(parentStartDate, parentEndDate, 'start')
+            ]);
+            endDateControl.setValidators([
+                this.dateRangeValidator(parentStartDate, parentEndDate, 'end')
+            ]);
+            // Update validation
+            startDateControl.updateValueAndValidity();
+            endDateControl.updateValueAndValidity();
+        }
+    }
+    /**
+     * Clear date constraints when no parent is selected
+     */
+    clearDateConstraints() {
+        const startDateControl = this.classProgramTermForm.get('acapt_start_date');
+        const endDateControl = this.classProgramTermForm.get('acapt_end_date');
+        if (startDateControl && endDateControl) {
+            // Remove custom validators
+            startDateControl.clearValidators();
+            endDateControl.clearValidators();
+            // Update validation
+            startDateControl.updateValueAndValidity();
+            endDateControl.updateValueAndValidity();
+        }
+    }
+    /**
+     * Custom validator for date range constraints
+     */
+    dateRangeValidator(parentStartDate, parentEndDate, dateType) {
+        return (control) => {
+            if (!control.value || !parentStartDate || !parentEndDate) {
+                return null; // No validation if no date or parent dates
+            }
+            const selectedDate = new Date(control.value);
+            const parentStart = new Date(parentStartDate);
+            const parentEnd = new Date(parentEndDate);
+            if (dateType === 'start') {
+                // Start date should be >= parent start date and < parent end date
+                if (selectedDate < parentStart || selectedDate >= parentEnd) {
+                    return {
+                        dateRangeError: {
+                            message: `Start date must be between ${parentStartDate} and ${parentEndDate}`
+                        }
+                    };
+                }
+            }
+            else if (dateType === 'end') {
+                // End date should be > parent start date and <= parent end date
+                if (selectedDate <= parentStart || selectedDate > parentEnd) {
+                    return {
+                        dateRangeError: {
+                            message: `End date must be between ${parentStartDate} and ${parentEndDate}`
+                        }
+                    };
+                }
+            }
+            return null; // Valid
+        };
+    }
+    /**
+     * Update minimum date for end date based on start date
+     */
+    updateEndDateMinDate(startDate) {
+        if (startDate) {
+            // Set the minimum date for end date to be the start date
+            this.endDateMinDate.set(startDate);
+            // If end date is already set and is before the new start date, clear it
+            const endDate = this.classProgramTermForm.get('acapt_end_date')?.value;
+            if (endDate && endDate < startDate) {
+                this.classProgramTermForm.patchValue({
+                    acapt_end_date: ''
+                });
+            }
+            console.log('🏢 Updated end date minimum date to:', startDate);
+        }
+        else {
+            // Clear minimum date constraint if no start date
+            this.endDateMinDate.set('');
+        }
+    }
+    onSubmit() {
+        if (this.isViewMode()) {
+            this.router.navigate(['/control-panel/program-term-management']);
+            return;
+        }
+        if (this.classProgramTermForm.invalid) {
+            this.notificationService.error('Please fill in all required fields correctly.');
+            this.markFormGroupTouched();
+            return;
+        }
+        this.loading.set(true);
+        this.error.set(null);
+        const formData = this.classProgramTermForm.value;
+        console.log('Class Program Term Form Data:', formData);
+        // Prepare payload for API call
+        const payload = {
+            acapt_code: formData.acapt_code,
+            acapt_name: formData.acapt_name,
+            acapt_class_program_id_acacpm: formData.acapt_class_program_id_acacpm,
+            acapt_class_prg_branch_acabrn: formData.acapt_class_program_branch_id_acabrn,
+            acapt_parent_class_prog_term_acapt: formData.acapt_parent_class_prog_term_acapt || null,
+            acapt_start_date: formData.acapt_start_date,
+            acapt_end_date: formData.acapt_end_date,
+            acapt_isactive: formData.acapt_isactive,
+            acapt_islocked: formData.acapt_islocked
+        };
+        // Add _id for edit mode
+        if (this.isEditMode() && this.classProgramTermId()) {
+            payload._id = this.classProgramTermId();
+        }
+        console.log('API Payload:', payload);
+        // Make API call
+        this.classProgramTermService.saveClassProgramTerm(payload)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                console.log('✅ Class program term saved successfully:', response);
+                if (response?.success) {
+                    const action = this.isEditMode() ? 'updated' : 'created';
+                    this.notificationService.success(`Class program term has been ${action} successfully.`);
+                    // Navigate back to program term listing page (not section listing)
+                    // The listing page will auto-reload via router events subscription
+                    this.router.navigate(['/control-panel/program-term-management']);
+                }
+                else {
+                    this.error.set(response?.message || 'Failed to save class program term');
+                    this.notificationService.error(response?.message || 'Failed to save class program term');
+                }
+                this.loading.set(false);
+            },
+            error: (error) => {
+                console.error('❌ Error saving class program term:', error);
+                this.error.set('Failed to save class program term');
+                this.notificationService.error('Failed to save class program term. Please try again.');
+                this.loading.set(false);
+            }
+        });
+    }
+    /**
+     * Mark all form controls as touched to trigger validation display
+     */
+    markFormGroupTouched() {
+        Object.keys(this.classProgramTermForm.controls).forEach(key => {
+            const control = this.classProgramTermForm.get(key);
+            control?.markAsTouched();
+        });
+    }
+    resetForm() {
+        this.classProgramTermForm.reset({
+            acapt_isactive: true,
+            acapt_islocked: false
+        });
+        // Clear options when form is reset
+        this.branchOptions.set([]);
+        this.parentTermOptions.set([]);
+        // Clear date constraints
+        this.clearDateConstraints();
+        this.endDateMinDate.set('');
+    }
+    /**
+     * Reset only Term Code, Term Name, and Description fields after successful save
+     */
+    resetFormFields() {
+        // Get current values to preserve
+        const currentProgramClass = this.classProgramTermForm.get('acapt_class_program_id_acacpm')?.value;
+        const currentBranch = this.classProgramTermForm.get('acapt_class_program_branch_id_acabrn')?.value;
+        const currentStartDate = this.classProgramTermForm.get('acapt_start_date')?.value;
+        const currentEndDate = this.classProgramTermForm.get('acapt_end_date')?.value;
+        const currentIsActive = this.classProgramTermForm.get('acapt_isactive')?.value;
+        const currentIsLocked = this.classProgramTermForm.get('acapt_islocked')?.value;
+        // Reset only the specified fields
+        this.classProgramTermForm.patchValue({
+            acapt_code: '',
+            acapt_name: '',
+            acapt_description: '',
+            // Preserve other fields
+            acapt_class_program_id_acacpm: currentProgramClass,
+            acapt_class_program_branch_id_acabrn: currentBranch,
+            acapt_start_date: currentStartDate,
+            acapt_end_date: currentEndDate,
+            acapt_isactive: currentIsActive,
+            acapt_islocked: currentIsLocked
+        });
+        // Clear validation errors for reset fields
+        this.classProgramTermForm.get('acapt_code')?.setErrors(null);
+        this.classProgramTermForm.get('acapt_name')?.setErrors(null);
+        this.classProgramTermForm.get('acapt_description')?.setErrors(null);
+    }
+    /**
+     * Go back to class program term list
+     */
+    goBackToClassProgramTermList() {
+        this.router.navigate(['/control-panel/program-term-management']);
+    }
+    /**
+     * Cancel form and navigate back to listing page
+     */
+    cancelForm() {
+        this.goBackToClassProgramTermList();
+    }
+    /**
+     * Get page title based on mode
+     */
+    getPageTitle() {
+        if (this.isViewMode())
+            return 'View Class Program Term';
+        return this.isEditMode() ? 'Edit Class Program Term' : 'Create New Class Program Term';
+    }
+    /**
+     * Handle Active card click to toggle checkbox
+     */
+    onActiveCardClick() {
+        if (this.isViewMode()) {
+            return; // Don't allow changes in view mode
+        }
+        const currentValue = this.classProgramTermForm.get('acapt_isactive')?.value;
+        this.classProgramTermForm.patchValue({
+            acapt_isactive: !currentValue
+        });
+    }
+    /**
+     * Handle Locked card click to toggle checkbox
+     */
+    onLockedCardClick() {
+        if (this.isViewMode()) {
+            return; // Don't allow changes in view mode
+        }
+        const currentValue = this.classProgramTermForm.get('acapt_islocked')?.value;
+        this.classProgramTermForm.patchValue({
+            acapt_islocked: !currentValue
+        });
+    }
+    /**
+     * Cleanup when component is destroyed
+     */
+    ngOnDestroy() {
+        console.log('🧹 ClassProgramTermCreateComponent: Cleaning up component state');
+        // Reset all signals to their initial state
+        this.loading.set(false);
+        this.error.set(null);
+        this.classProgramTermId.set('');
+        this.isEditMode.set(false);
+        this.programClassOptions.set([]);
+        this.branchOptions.set([]);
+        this.parentTermOptions.set([]);
+        // Reset form to initial state
+        this.resetForm();
+        console.log('🧹 ClassProgramTermCreateComponent: Component state cleaned up');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ClassProgramTermCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: ClassProgramTermCreateComponent, isStandalone: true, selector: "cide-academics-class-program-term-create", ngImport: i0, template: "<!-- \n  CLASS PROGRAM TERM MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'class_program_term' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n  \n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"classProgramTermForm\"\n    [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n\n    <!-- Form Content -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6 tw-overflow-y-auto tw-h-full\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          <!-- Class Program Term Information -->\n          <div class=\"tw-space-y-6\">\n            <!-- Program Class, Branch, and Parent Term at the top -->\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\"\n                 [class.md:tw-grid-cols-2]=\"!showBranchDropdown()\">\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Program Class *</label>\n                <cide-ele-select \n                  formControlName=\"acapt_class_program_id_acacpm\" \n                  placeholder=\"Select program class\"\n                  [disabled]=\"isViewMode()\" \n                  valueKey=\"_id\" \n                  labelKey=\"acacpm_alise_title\" \n                  [options]=\"programClassOptions()\">\n                </cide-ele-select>\n              </div>\n\n              @if (showBranchDropdown()) {\n                <div class=\"tw-space-y-2\">\n                  <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Specialization *</label>\n                  <cide-ele-select \n                    formControlName=\"acapt_class_program_branch_id_acabrn\" \n                    placeholder=\"Select specialization\"\n                    [disabled]=\"isViewMode()\" \n                    valueKey=\"_id\" \n                    labelKey=\"acabrn_name\" \n                    [options]=\"branchOptions()\">\n                  </cide-ele-select>\n                </div>\n              }\n\n              @if (showTermDropdown()) {\n                <div class=\"tw-space-y-2\">\n                  <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Parent Term (Optional)</label>\n                  <cide-ele-select \n                    formControlName=\"acapt_parent_class_prog_term_acapt\" \n                    placeholder=\"Select parent term\"\n                    [disabled]=\"isViewMode()\" \n                    valueKey=\"_id\" \n                    labelKey=\"acapt_name\" \n                    [options]=\"parentTermOptions()\"\n                    [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\">\n                  </cide-ele-select>\n                </div>\n              }\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input label=\"Term Code *\" formControlName=\"acapt_code\" placeholder=\"e.g., T1, T2, T3\"\n                size=\"md\" leadingIcon=\"code\">\n              </cide-ele-input>\n\n              <cide-ele-input label=\"Term Name *\" formControlName=\"acapt_name\"\n                placeholder=\"e.g., First Term, Second Term\" size=\"md\" leadingIcon=\"schedule\">\n              </cide-ele-input>\n            </div>\n\n            <div>\n              <cide-ele-textarea label=\"Description\" formControlName=\"acapt_description\"\n                placeholder=\"Enter detailed description of the term...\" rows=\"3\" size=\"md\">\n              </cide-ele-textarea>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input id=\"acapt_start_date\" label=\"Start Date\" formControlName=\"acapt_start_date\" type=\"date\"\n                size=\"md\" leadingIcon=\"event\">\n              </cide-ele-input>\n\n              <cide-ele-input id=\"acapt_end_date\" label=\"End Date\" formControlName=\"acapt_end_date\" type=\"date\"\n                [min]=\"endDateMinDate()\" size=\"md\" leadingIcon=\"event\">\n              </cide-ele-input>\n            </div>\n\n            <div class=\"tw-p-3 tw-bg-blue-50 tw-border tw-border-blue-200 tw-rounded-lg\">\n              <div class=\"tw-flex tw-items-center tw-gap-2\">\n                <cide-ele-icon name=\"info\" class=\"tw-w-4 tw-h-4 tw-text-blue-500\"></cide-ele-icon>\n                <span class=\"tw-text-sm tw-text-blue-700\">\n                  Sequence will be automatically managed through drag-and-drop on the listing page\n                </span>\n              </div>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                [class.tw-cursor-not-allowed]=\"isViewMode()\"\n                [class.tw-opacity-60]=\"isViewMode()\"\n                (click)=\"onActiveCardClick()\">\n                <cide-ele-input formControlName=\"acapt_isactive\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this term</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                [class.tw-cursor-not-allowed]=\"isViewMode()\"\n                [class.tw-opacity-60]=\"isViewMode()\"\n                (click)=\"onLockedCardClick()\">\n                <cide-ele-input formControlName=\"acapt_islocked\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Error Display -->\n        @if (error()) {\n        <div class=\"tw-mt-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\n          <div class=\"tw-flex tw-items-center tw-gap-2\">\n            <cide-ele-icon variant=\"red\" size=\"sm\">error</cide-ele-icon>\n            <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">{{ error() }}</span>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n\n    <!-- Form Actions -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n        <div class=\"tw-flex tw-justify-end tw-gap-4\">\n          <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n            [disabled]=\"loading()\">\n            Reset Form\n          </button>\n\n          <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n            [disabled]=\"loading()\">\n            Cancel\n          </button>\n\n          <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || classProgramTermForm.invalid\"\n            [loading]=\"loading()\" leftIcon=\"save\">\n            {{ isEditMode() ? 'Update Class Program Term' : 'Create Class Program Term' }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </form>\n</cide-lyt-shared-wrapper>\n\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideTextareaComponent, selector: "cide-ele-textarea", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "minlength", "maxlength", "rows", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ClassProgramTermCreateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-academics-class-program-term-create', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        CideInputComponent,
+                        CideTextareaComponent,
+                        CideEleButtonComponent,
+                        CideIconComponent,
+                        CideSelectComponent,
+                        CideLytSharedWrapperComponent
+                    ], template: "<!-- \n  CLASS PROGRAM TERM MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'class_program_term' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n  \n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"classProgramTermForm\"\n    [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n\n    <!-- Form Content -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6 tw-overflow-y-auto tw-h-full\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          <!-- Class Program Term Information -->\n          <div class=\"tw-space-y-6\">\n            <!-- Program Class, Branch, and Parent Term at the top -->\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\"\n                 [class.md:tw-grid-cols-2]=\"!showBranchDropdown()\">\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Program Class *</label>\n                <cide-ele-select \n                  formControlName=\"acapt_class_program_id_acacpm\" \n                  placeholder=\"Select program class\"\n                  [disabled]=\"isViewMode()\" \n                  valueKey=\"_id\" \n                  labelKey=\"acacpm_alise_title\" \n                  [options]=\"programClassOptions()\">\n                </cide-ele-select>\n              </div>\n\n              @if (showBranchDropdown()) {\n                <div class=\"tw-space-y-2\">\n                  <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Specialization *</label>\n                  <cide-ele-select \n                    formControlName=\"acapt_class_program_branch_id_acabrn\" \n                    placeholder=\"Select specialization\"\n                    [disabled]=\"isViewMode()\" \n                    valueKey=\"_id\" \n                    labelKey=\"acabrn_name\" \n                    [options]=\"branchOptions()\">\n                  </cide-ele-select>\n                </div>\n              }\n\n              @if (showTermDropdown()) {\n                <div class=\"tw-space-y-2\">\n                  <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Parent Term (Optional)</label>\n                  <cide-ele-select \n                    formControlName=\"acapt_parent_class_prog_term_acapt\" \n                    placeholder=\"Select parent term\"\n                    [disabled]=\"isViewMode()\" \n                    valueKey=\"_id\" \n                    labelKey=\"acapt_name\" \n                    [options]=\"parentTermOptions()\"\n                    [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\">\n                  </cide-ele-select>\n                </div>\n              }\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input label=\"Term Code *\" formControlName=\"acapt_code\" placeholder=\"e.g., T1, T2, T3\"\n                size=\"md\" leadingIcon=\"code\">\n              </cide-ele-input>\n\n              <cide-ele-input label=\"Term Name *\" formControlName=\"acapt_name\"\n                placeholder=\"e.g., First Term, Second Term\" size=\"md\" leadingIcon=\"schedule\">\n              </cide-ele-input>\n            </div>\n\n            <div>\n              <cide-ele-textarea label=\"Description\" formControlName=\"acapt_description\"\n                placeholder=\"Enter detailed description of the term...\" rows=\"3\" size=\"md\">\n              </cide-ele-textarea>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input id=\"acapt_start_date\" label=\"Start Date\" formControlName=\"acapt_start_date\" type=\"date\"\n                size=\"md\" leadingIcon=\"event\">\n              </cide-ele-input>\n\n              <cide-ele-input id=\"acapt_end_date\" label=\"End Date\" formControlName=\"acapt_end_date\" type=\"date\"\n                [min]=\"endDateMinDate()\" size=\"md\" leadingIcon=\"event\">\n              </cide-ele-input>\n            </div>\n\n            <div class=\"tw-p-3 tw-bg-blue-50 tw-border tw-border-blue-200 tw-rounded-lg\">\n              <div class=\"tw-flex tw-items-center tw-gap-2\">\n                <cide-ele-icon name=\"info\" class=\"tw-w-4 tw-h-4 tw-text-blue-500\"></cide-ele-icon>\n                <span class=\"tw-text-sm tw-text-blue-700\">\n                  Sequence will be automatically managed through drag-and-drop on the listing page\n                </span>\n              </div>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                [class.tw-cursor-not-allowed]=\"isViewMode()\"\n                [class.tw-opacity-60]=\"isViewMode()\"\n                (click)=\"onActiveCardClick()\">\n                <cide-ele-input formControlName=\"acapt_isactive\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this term</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                [class.tw-cursor-not-allowed]=\"isViewMode()\"\n                [class.tw-opacity-60]=\"isViewMode()\"\n                (click)=\"onLockedCardClick()\">\n                <cide-ele-input formControlName=\"acapt_islocked\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Error Display -->\n        @if (error()) {\n        <div class=\"tw-mt-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\n          <div class=\"tw-flex tw-items-center tw-gap-2\">\n            <cide-ele-icon variant=\"red\" size=\"sm\">error</cide-ele-icon>\n            <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">{{ error() }}</span>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n\n    <!-- Form Actions -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n        <div class=\"tw-flex tw-justify-end tw-gap-4\">\n          <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n            [disabled]=\"loading()\">\n            Reset Form\n          </button>\n\n          <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n            [disabled]=\"loading()\">\n            Cancel\n          </button>\n\n          <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || classProgramTermForm.invalid\"\n            [loading]=\"loading()\" leftIcon=\"save\">\n            {{ isEditMode() ? 'Update Class Program Term' : 'Create Class Program Term' }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </form>\n</cide-lyt-shared-wrapper>\n\n" }]
+        }], ctorParameters: () => [] });
+
+export { ClassProgramTermCreateComponent };
+//# sourceMappingURL=cloud-ide-academics-class-program-term-create.component-B-7JRpVE.mjs.map