cloud-ide-academics 0.0.1 → 0.0.2

package/fesm2022/cloud-ide-academics-program-term-section-create.component-Dg9Pjwj5.mjs

@@ -0,0 +1,211 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, signal, 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 { NotificationService, ConfirmationService, CideInputComponent, CideTextareaComponent, CideEleButtonComponent, CideEleTabComponent, CideIconComponent, CideSelectComponent } from 'cloud-ide-element';
+import { AppStateHelperService } from 'cloud-ide-layout';
+
+class ProgramTermSectionCreateComponent {
+    // Dependency injection
+    destroyRef = inject(DestroyRef);
+    fb = inject(FormBuilder);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    appState = inject(AppStateHelperService);
+    notificationService = inject(NotificationService);
+    confirmationService = inject(ConfirmationService);
+    programTermSectionForm;
+    activeTab = signal('basic', ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    // Program term section information from route
+    programTermSectionId = signal('', ...(ngDevMode ? [{ debugName: "programTermSectionId" }] : []));
+    isEditMode = signal(false, ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
+    isViewMode = signal(false, ...(ngDevMode ? [{ debugName: "isViewMode" }] : []));
+    // Data signals
+    programClasses = signal([], ...(ngDevMode ? [{ debugName: "programClasses" }] : []));
+    classProgramTerms = signal([], ...(ngDevMode ? [{ debugName: "classProgramTerms" }] : []));
+    // Options for dropdowns
+    programClassOptions = signal([], ...(ngDevMode ? [{ debugName: "programClassOptions" }] : []));
+    classProgramTermOptions = signal([], ...(ngDevMode ? [{ debugName: "classProgramTermOptions" }] : []));
+    constructor() {
+        this.programTermSectionForm = this.fb.group({
+            // Basic Program Term Section Information
+            acapts_code: ['', [Validators.required]],
+            acapts_name: ['', [Validators.required]],
+            acapts_description: [''],
+            acapts_class_program_id_acacpm: ['', [Validators.required]],
+            acapts_parent_class_prog_term_acapt: ['', [Validators.required]],
+            acapts_isactive: [true],
+            acapts_iscurrent: [false],
+            acapts_islocked: [false]
+        });
+    }
+    ngOnInit() {
+        this.initializeComponent();
+    }
+    /**
+     * Initialize component
+     */
+    initializeComponent() {
+        // Check route parameters to determine mode
+        const url = this.router.url;
+        const queryParams = this.route.snapshot.queryParams;
+        if (url.includes('/view/')) {
+            this.isViewMode.set(true);
+            this.loadProgramTermSectionForView(queryParams);
+        }
+        else if (url.includes('/edit/')) {
+            this.isEditMode.set(true);
+            this.loadProgramTermSectionForEdit(queryParams);
+        }
+        else {
+            // Create mode
+            this.isEditMode.set(false);
+            this.isViewMode.set(false);
+        }
+        // Load dropdown options
+        this.loadDropdownOptions();
+    }
+    /**
+     * Load program term section for viewing
+     */
+    loadProgramTermSectionForView(queryParams) {
+        // Implementation for view mode
+        this.programTermSectionForm.disable();
+    }
+    /**
+     * Load program term section for editing
+     */
+    loadProgramTermSectionForEdit(queryParams) {
+        // Implementation for edit mode
+    }
+    /**
+     * Load dropdown options
+     */
+    loadDropdownOptions() {
+        // Load program class options (mock data for now)
+        this.programClassOptions.set([
+            { _id: '1', acacpm_name: 'Program Class 2024-25', acacpm_code: 'PC2024-25' },
+            { _id: '2', acacpm_name: 'Program Class 2023-24', acacpm_code: 'PC2023-24' }
+        ]);
+        // Load class program term options (mock data for now)
+        this.classProgramTermOptions.set([
+            { _id: '1', acapt_name: 'First Term', acapt_code: 'T1' },
+            { _id: '2', acapt_name: 'Second Term', acapt_code: 'T2' },
+            { _id: '3', acapt_name: 'Third Term', acapt_code: 'T3' }
+        ]);
+    }
+    /**
+     * Tab configuration
+     */
+    programTermSectionTabs() {
+        return [
+            { id: 'basic', label: 'Section Details', icon: 'group' },
+            { id: 'configuration', label: 'Configuration', icon: 'tune' }
+        ];
+    }
+    onTabChange(tab) {
+        this.activeTab.set(tab.id);
+    }
+    onSubmit() {
+        if (this.isViewMode()) {
+            this.router.navigate(['/control-panel/program-term-section']);
+            return;
+        }
+        if (this.programTermSectionForm.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.programTermSectionForm.value;
+        console.log('Program Term Section Form Data:', formData);
+        // Mock save operation
+        setTimeout(() => {
+            const action = this.isEditMode() ? 'updated' : 'created';
+            this.notificationService.success(`Program term section has been ${action} successfully.`);
+            this.router.navigate(['/control-panel/program-term-section']);
+            this.loading.set(false);
+        }, 1000);
+    }
+    /**
+     * Mark all form controls as touched to trigger validation display
+     */
+    markFormGroupTouched() {
+        Object.keys(this.programTermSectionForm.controls).forEach(key => {
+            const control = this.programTermSectionForm.get(key);
+            control?.markAsTouched();
+        });
+    }
+    resetForm() {
+        this.programTermSectionForm.reset({
+            acapts_isactive: true,
+            acapts_iscurrent: false,
+            acapts_islocked: false
+        });
+    }
+    /**
+     * Go back to program term section list
+     */
+    goBackToProgramTermSectionList() {
+        this.router.navigate(['/control-panel/program-term-section']);
+    }
+    /**
+     * Cancel form and optionally navigate back
+     */
+    cancelForm() {
+        if (this.isEditMode()) {
+            this.goBackToProgramTermSectionList();
+        }
+        else {
+            this.resetForm();
+        }
+    }
+    /**
+     * Get page title based on mode
+     */
+    getPageTitle() {
+        if (this.isViewMode())
+            return 'View Program Term Section';
+        return this.isEditMode() ? 'Edit Program Term Section' : 'Create New Program Term Section';
+    }
+    /**
+     * Cleanup when component is destroyed
+     */
+    ngOnDestroy() {
+        console.log('🧹 ProgramTermSectionCreateComponent: Cleaning up component state');
+        // Reset all signals to their initial state
+        this.activeTab.set('basic');
+        this.loading.set(false);
+        this.error.set(null);
+        this.programTermSectionId.set('');
+        this.isEditMode.set(false);
+        this.programClassOptions.set([]);
+        this.classProgramTermOptions.set([]);
+        // Reset form to initial state
+        this.resetForm();
+        console.log('🧹 ProgramTermSectionCreateComponent: Component state cleaned up');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ProgramTermSectionCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: ProgramTermSectionCreateComponent, isStandalone: true, selector: "cide-academics-program-term-section-create", ngImport: i0, template: "<!-- \r\n  PROGRAM TERM SECTION MASTER FORM\r\n  \r\n  Enterprise-Level Styling with Tailwind CSS\r\n  Features: Responsive grids, proper typography, enhanced user experience\r\n-->\r\n\r\n<div class=\"tw-w-full tw-h-full\">\r\n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"programTermSectionForm\"\r\n    [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\r\n\r\n    <!-- Simple Header Section -->\r\n    <div class=\"tw-table-row tw-w-full tw-h-0\">\r\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\r\n        <div\r\n          class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\r\n\r\n          <!-- Title -->\r\n          <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n            <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">group</cide-ele-icon>\r\n            <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">\r\n              {{ getPageTitle() }}\r\n            </h5>\r\n          </div>\r\n\r\n          <!-- Actions -->\r\n          <div\r\n            class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\r\n            <!-- Back button or other actions can be added here if needed -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Tab Navigation -->\r\n    <div class=\"tw-table-row tw-h-0\">\r\n      <div class=\"tw-table-cell tw-w-full tw-px-2 tw-py-0\">\r\n        <cide-ele-tab [tabs]=\"programTermSectionTabs()\" [activeTabId]=\"activeTab()\" size=\"md\" variant=\"default\"\r\n          (tabChange)=\"onTabChange($event)\">\r\n        </cide-ele-tab>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Tab Content -->\r\n    <div class=\"tw-table-row\">\r\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6\">\r\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\r\n          @switch (activeTab()) {\r\n\r\n          @case ('basic') {\r\n          <!-- Basic Program Term Section Information -->\r\n          <div class=\"tw-space-y-6\">\r\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n              <cide-ele-input label=\"Section Code *\" formControlName=\"acapts_code\" placeholder=\"e.g., SEC-A, SEC-B\"\r\n                size=\"md\" leadingIcon=\"code\">\r\n              </cide-ele-input>\r\n\r\n              <cide-ele-input label=\"Section Name *\" formControlName=\"acapts_name\"\r\n                placeholder=\"e.g., Section A, Section B\" size=\"md\" leadingIcon=\"group\">\r\n              </cide-ele-input>\r\n            </div>\r\n\r\n            <div>\r\n              <cide-ele-textarea label=\"Description\" formControlName=\"acapts_description\"\r\n                placeholder=\"Enter detailed description of the section...\" rows=\"3\" size=\"md\">\r\n              </cide-ele-textarea>\r\n            </div>\r\n\r\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n              <div class=\"tw-space-y-2\">\r\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Program Class *</label>\r\n                <cide-ele-select formControlName=\"acapts_class_program_id_acacpm\" placeholder=\"Select program class\"\r\n                  [disabled]=\"isViewMode()\">\r\n                  <option value=\"\">Select Program Class</option>\r\n                  @for (program of programClassOptions(); track program._id) {\r\n                  <option [value]=\"program._id\">{{ program.acacpm_name }}</option>\r\n                  }\r\n                </cide-ele-select>\r\n              </div>\r\n\r\n              <div class=\"tw-space-y-2\">\r\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Class Program Term *</label>\r\n                <cide-ele-select formControlName=\"acapts_parent_class_prog_term_acapt\" placeholder=\"Select class program term\"\r\n                  [disabled]=\"isViewMode()\">\r\n                  <option value=\"\">Select Class Program Term</option>\r\n                  @for (term of classProgramTermOptions(); track term._id) {\r\n                  <option [value]=\"term._id\">{{ term.acapt_name }}</option>\r\n                  }\r\n                </cide-ele-select>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\">\r\n              <div\r\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\">\r\n                <cide-ele-input formControlName=\"acapts_isactive\" type=\"checkbox\" size=\"md\">\r\n                </cide-ele-input>\r\n                <div class=\"tw-flex tw-flex-col\">\r\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\r\n                  <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this section</span>\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\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\">\r\n                <cide-ele-input formControlName=\"acapts_iscurrent\" type=\"checkbox\" size=\"md\">\r\n                </cide-ele-input>\r\n                <div class=\"tw-flex tw-flex-col\">\r\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\r\n                  <span class=\"tw-text-xs tw-text-gray-500\">Mark as current section</span>\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\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\">\r\n                <cide-ele-input formControlName=\"acapts_islocked\" type=\"checkbox\" size=\"md\">\r\n                </cide-ele-input>\r\n                <div class=\"tw-flex tw-flex-col\">\r\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\r\n                  <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n\r\n          @case ('configuration') {\r\n          <!-- Section Configuration -->\r\n          <div\r\n            class=\"tw-bg-gradient-to-r tw-from-teal-50 tw-to-cyan-50 tw-border tw-border-teal-200 tw-rounded-xl tw-p-6\">\r\n            <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\r\n              <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n                <div class=\"tw-bg-teal-100 tw-p-2 tw-rounded-lg\">\r\n                  <cide-ele-icon class=\"tw-text-teal-600 tw-w-6 tw-h-6\">tune</cide-ele-icon>\r\n                </div>\r\n                <div>\r\n                  <h6 class=\"tw-text-lg tw-font-semibold tw-text-teal-900 tw-m-0\">Section Configuration</h6>\r\n                  <p class=\"tw-text-sm tw-text-teal-600 tw-m-0\">Configure section-specific settings and parameters</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"tw-space-y-4\">\r\n              <div class=\"tw-bg-white tw-rounded-lg tw-border tw-border-gray-200 tw-p-4\">\r\n                <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-mb-3\">Section Settings</h6>\r\n                <div class=\"tw-space-y-3\">\r\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">people</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Student Capacity</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure maximum number of students for this section</p>\r\n                    </div>\r\n                  </div>\r\n                  \r\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">schedule</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Schedule Settings</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure class timings and schedule preferences</p>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">room</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Room Assignment</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Assign specific rooms or classroom preferences</p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n          }\r\n        </div>\r\n\r\n        <!-- Error Display -->\r\n        @if (error()) {\r\n        <div class=\"tw-mt-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\r\n          <div class=\"tw-flex tw-items-center tw-gap-2\">\r\n            <cide-ele-icon variant=\"red\" size=\"sm\">error</cide-ele-icon>\r\n            <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">{{ error() }}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Form Actions -->\r\n    <div class=\"tw-table-row tw-h-0\">\r\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\">\r\n        <div class=\"tw-flex tw-justify-end tw-gap-4\">\r\n          <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\r\n            [disabled]=\"loading()\">\r\n            Reset Form\r\n          </button>\r\n\r\n          <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\r\n            [disabled]=\"loading()\">\r\n            Cancel\r\n          </button>\r\n\r\n          <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || programTermSectionForm.invalid\"\r\n            [loading]=\"loading()\" leftIcon=\"save\">\r\n            {{ isEditMode() ? 'Update Program Term Section' : 'Create Program Term Section' }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </form>\r\n</div>\r\n\r\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.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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]", 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: CideEleTabComponent, selector: "cide-ele-tab", inputs: ["tabs", "activeTabId", "size", "variant", "fullWidth", "disabled"], outputs: ["tabChange"] }, { 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", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey"], outputs: ["ngModelChange", "change", "searchChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ProgramTermSectionCreateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-academics-program-term-section-create', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        CideInputComponent,
+                        CideTextareaComponent,
+                        CideEleButtonComponent,
+                        CideEleTabComponent,
+                        CideIconComponent,
+                        CideSelectComponent,
+                    ], template: "<!-- \r\n  PROGRAM TERM SECTION MASTER FORM\r\n  \r\n  Enterprise-Level Styling with Tailwind CSS\r\n  Features: Responsive grids, proper typography, enhanced user experience\r\n-->\r\n\r\n<div class=\"tw-w-full tw-h-full\">\r\n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"programTermSectionForm\"\r\n    [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\r\n\r\n    <!-- Simple Header Section -->\r\n    <div class=\"tw-table-row tw-w-full tw-h-0\">\r\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\r\n        <div\r\n          class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\r\n\r\n          <!-- Title -->\r\n          <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n            <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">group</cide-ele-icon>\r\n            <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">\r\n              {{ getPageTitle() }}\r\n            </h5>\r\n          </div>\r\n\r\n          <!-- Actions -->\r\n          <div\r\n            class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\r\n            <!-- Back button or other actions can be added here if needed -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Tab Navigation -->\r\n    <div class=\"tw-table-row tw-h-0\">\r\n      <div class=\"tw-table-cell tw-w-full tw-px-2 tw-py-0\">\r\n        <cide-ele-tab [tabs]=\"programTermSectionTabs()\" [activeTabId]=\"activeTab()\" size=\"md\" variant=\"default\"\r\n          (tabChange)=\"onTabChange($event)\">\r\n        </cide-ele-tab>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Tab Content -->\r\n    <div class=\"tw-table-row\">\r\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6\">\r\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\r\n          @switch (activeTab()) {\r\n\r\n          @case ('basic') {\r\n          <!-- Basic Program Term Section Information -->\r\n          <div class=\"tw-space-y-6\">\r\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n              <cide-ele-input label=\"Section Code *\" formControlName=\"acapts_code\" placeholder=\"e.g., SEC-A, SEC-B\"\r\n                size=\"md\" leadingIcon=\"code\">\r\n              </cide-ele-input>\r\n\r\n              <cide-ele-input label=\"Section Name *\" formControlName=\"acapts_name\"\r\n                placeholder=\"e.g., Section A, Section B\" size=\"md\" leadingIcon=\"group\">\r\n              </cide-ele-input>\r\n            </div>\r\n\r\n            <div>\r\n              <cide-ele-textarea label=\"Description\" formControlName=\"acapts_description\"\r\n                placeholder=\"Enter detailed description of the section...\" rows=\"3\" size=\"md\">\r\n              </cide-ele-textarea>\r\n            </div>\r\n\r\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n              <div class=\"tw-space-y-2\">\r\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Program Class *</label>\r\n                <cide-ele-select formControlName=\"acapts_class_program_id_acacpm\" placeholder=\"Select program class\"\r\n                  [disabled]=\"isViewMode()\">\r\n                  <option value=\"\">Select Program Class</option>\r\n                  @for (program of programClassOptions(); track program._id) {\r\n                  <option [value]=\"program._id\">{{ program.acacpm_name }}</option>\r\n                  }\r\n                </cide-ele-select>\r\n              </div>\r\n\r\n              <div class=\"tw-space-y-2\">\r\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Class Program Term *</label>\r\n                <cide-ele-select formControlName=\"acapts_parent_class_prog_term_acapt\" placeholder=\"Select class program term\"\r\n                  [disabled]=\"isViewMode()\">\r\n                  <option value=\"\">Select Class Program Term</option>\r\n                  @for (term of classProgramTermOptions(); track term._id) {\r\n                  <option [value]=\"term._id\">{{ term.acapt_name }}</option>\r\n                  }\r\n                </cide-ele-select>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\">\r\n              <div\r\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\">\r\n                <cide-ele-input formControlName=\"acapts_isactive\" type=\"checkbox\" size=\"md\">\r\n                </cide-ele-input>\r\n                <div class=\"tw-flex tw-flex-col\">\r\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\r\n                  <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this section</span>\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\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\">\r\n                <cide-ele-input formControlName=\"acapts_iscurrent\" type=\"checkbox\" size=\"md\">\r\n                </cide-ele-input>\r\n                <div class=\"tw-flex tw-flex-col\">\r\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\r\n                  <span class=\"tw-text-xs tw-text-gray-500\">Mark as current section</span>\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\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\">\r\n                <cide-ele-input formControlName=\"acapts_islocked\" type=\"checkbox\" size=\"md\">\r\n                </cide-ele-input>\r\n                <div class=\"tw-flex tw-flex-col\">\r\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\r\n                  <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n\r\n          @case ('configuration') {\r\n          <!-- Section Configuration -->\r\n          <div\r\n            class=\"tw-bg-gradient-to-r tw-from-teal-50 tw-to-cyan-50 tw-border tw-border-teal-200 tw-rounded-xl tw-p-6\">\r\n            <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\r\n              <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n                <div class=\"tw-bg-teal-100 tw-p-2 tw-rounded-lg\">\r\n                  <cide-ele-icon class=\"tw-text-teal-600 tw-w-6 tw-h-6\">tune</cide-ele-icon>\r\n                </div>\r\n                <div>\r\n                  <h6 class=\"tw-text-lg tw-font-semibold tw-text-teal-900 tw-m-0\">Section Configuration</h6>\r\n                  <p class=\"tw-text-sm tw-text-teal-600 tw-m-0\">Configure section-specific settings and parameters</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"tw-space-y-4\">\r\n              <div class=\"tw-bg-white tw-rounded-lg tw-border tw-border-gray-200 tw-p-4\">\r\n                <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-mb-3\">Section Settings</h6>\r\n                <div class=\"tw-space-y-3\">\r\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">people</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Student Capacity</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure maximum number of students for this section</p>\r\n                    </div>\r\n                  </div>\r\n                  \r\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">schedule</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Schedule Settings</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure class timings and schedule preferences</p>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">room</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Room Assignment</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Assign specific rooms or classroom preferences</p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n          }\r\n        </div>\r\n\r\n        <!-- Error Display -->\r\n        @if (error()) {\r\n        <div class=\"tw-mt-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\r\n          <div class=\"tw-flex tw-items-center tw-gap-2\">\r\n            <cide-ele-icon variant=\"red\" size=\"sm\">error</cide-ele-icon>\r\n            <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">{{ error() }}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Form Actions -->\r\n    <div class=\"tw-table-row tw-h-0\">\r\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\">\r\n        <div class=\"tw-flex tw-justify-end tw-gap-4\">\r\n          <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\r\n            [disabled]=\"loading()\">\r\n            Reset Form\r\n          </button>\r\n\r\n          <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\r\n            [disabled]=\"loading()\">\r\n            Cancel\r\n          </button>\r\n\r\n          <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || programTermSectionForm.invalid\"\r\n            [loading]=\"loading()\" leftIcon=\"save\">\r\n            {{ isEditMode() ? 'Update Program Term Section' : 'Create Program Term Section' }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </form>\r\n</div>\r\n\r\n" }]
+        }], ctorParameters: () => [] });
+
+export { ProgramTermSectionCreateComponent };
+//# sourceMappingURL=cloud-ide-academics-program-term-section-create.component-Dg9Pjwj5.mjs.map

package/fesm2022/cloud-ide-academics-program-term-section-create.component-Dg9Pjwj5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-ide-academics-program-term-section-create.component-Dg9Pjwj5.mjs","sources":["../../../projects/cloud-ide-academics/src/lib/collection/program-term-section-management/components/program-term-section-create/program-term-section-create.component.ts","../../../projects/cloud-ide-academics/src/lib/collection/program-term-section-management/components/program-term-section-create/program-term-section-create.component.html"],"sourcesContent":["import { Component, inject, signal, OnInit, DestroyRef, OnDestroy } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CideInputComponent, CideTextareaComponent, CideEleButtonComponent, CideEleTabComponent, TabItem, CideIconComponent, CideSelectComponent, NotificationService, ConfirmationService } from 'cloud-ide-element';\r\nimport { AppStateHelperService } from 'cloud-ide-layout';\r\n\r\ninterface ProgramClass {\r\n  _id?: string;\r\n  acacpm_name?: string;\r\n  acacpm_code?: string;\r\n}\r\n\r\ninterface ClassProgramTerm {\r\n  _id?: string;\r\n  acapt_name?: string;\r\n  acapt_code?: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'cide-academics-program-term-section-create',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    ReactiveFormsModule,\r\n    CideInputComponent,\r\n    CideTextareaComponent,\r\n    CideEleButtonComponent,\r\n    CideEleTabComponent,\r\n    CideIconComponent,\r\n    CideSelectComponent,\r\n  ],\r\n  templateUrl: './program-term-section-create.component.html'\r\n})\r\nexport class ProgramTermSectionCreateComponent implements OnInit, OnDestroy {\r\n  // Dependency injection\r\n  private destroyRef = inject(DestroyRef);\r\n  private fb = inject(FormBuilder);\r\n  private router = inject(Router);\r\n  private route = inject(ActivatedRoute);\r\n  private appState = inject(AppStateHelperService);\r\n  private notificationService = inject(NotificationService);\r\n  private confirmationService = inject(ConfirmationService);\r\n\r\n  programTermSectionForm: FormGroup;\r\n  activeTab = signal('basic');\r\n  loading = signal(false);\r\n  error = signal<string | null>(null);\r\n\r\n  // Program term section information from route\r\n  programTermSectionId = signal<string>('');\r\n  isEditMode = signal(false);\r\n  isViewMode = signal(false);\r\n\r\n  // Data signals\r\n  programClasses = signal<ProgramClass[]>([]);\r\n  classProgramTerms = signal<ClassProgramTerm[]>([]);\r\n\r\n  // Options for dropdowns\r\n  programClassOptions = signal<any[]>([]);\r\n  classProgramTermOptions = signal<any[]>([]);\r\n\r\n  constructor() {\r\n    this.programTermSectionForm = this.fb.group({\r\n      // Basic Program Term Section Information\r\n      acapts_code: ['', [Validators.required]],\r\n      acapts_name: ['', [Validators.required]],\r\n      acapts_description: [''],\r\n      acapts_class_program_id_acacpm: ['', [Validators.required]],\r\n      acapts_parent_class_prog_term_acapt: ['', [Validators.required]],\r\n      acapts_isactive: [true],\r\n      acapts_iscurrent: [false],\r\n      acapts_islocked: [false]\r\n    });\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.initializeComponent();\r\n  }\r\n\r\n  /**\r\n   * Initialize component\r\n   */\r\n  private initializeComponent(): void {\r\n    // Check route parameters to determine mode\r\n    const url = this.router.url;\r\n    const queryParams = this.route.snapshot.queryParams;\r\n    \r\n    if (url.includes('/view/')) {\r\n      this.isViewMode.set(true);\r\n      this.loadProgramTermSectionForView(queryParams);\r\n    } else if (url.includes('/edit/')) {\r\n      this.isEditMode.set(true);\r\n      this.loadProgramTermSectionForEdit(queryParams);\r\n    } else {\r\n      // Create mode\r\n      this.isEditMode.set(false);\r\n      this.isViewMode.set(false);\r\n    }\r\n\r\n    // Load dropdown options\r\n    this.loadDropdownOptions();\r\n  }\r\n\r\n  /**\r\n   * Load program term section for viewing\r\n   */\r\n  private loadProgramTermSectionForView(queryParams: any): void {\r\n    // Implementation for view mode\r\n    this.programTermSectionForm.disable();\r\n  }\r\n\r\n  /**\r\n   * Load program term section for editing\r\n   */\r\n  private loadProgramTermSectionForEdit(queryParams: any): void {\r\n    // Implementation for edit mode\r\n  }\r\n\r\n  /**\r\n   * Load dropdown options\r\n   */\r\n  private loadDropdownOptions(): void {\r\n    // Load program class options (mock data for now)\r\n    this.programClassOptions.set([\r\n      { _id: '1', acacpm_name: 'Program Class 2024-25', acacpm_code: 'PC2024-25' },\r\n      { _id: '2', acacpm_name: 'Program Class 2023-24', acacpm_code: 'PC2023-24' }\r\n    ]);\r\n\r\n    // Load class program term options (mock data for now)\r\n    this.classProgramTermOptions.set([\r\n      { _id: '1', acapt_name: 'First Term', acapt_code: 'T1' },\r\n      { _id: '2', acapt_name: 'Second Term', acapt_code: 'T2' },\r\n      { _id: '3', acapt_name: 'Third Term', acapt_code: 'T3' }\r\n    ]);\r\n  }\r\n\r\n  /**\r\n   * Tab configuration\r\n   */\r\n  programTermSectionTabs() {\r\n    return [\r\n      { id: 'basic', label: 'Section Details', icon: 'group' },\r\n      { id: 'configuration', label: 'Configuration', icon: 'tune' }\r\n    ];\r\n  }\r\n\r\n  onTabChange(tab: TabItem) {\r\n    this.activeTab.set(tab.id);\r\n  }\r\n\r\n  onSubmit() {\r\n    if (this.isViewMode()) {\r\n      this.router.navigate(['/control-panel/program-term-section']);\r\n      return;\r\n    }\r\n\r\n    if (this.programTermSectionForm.invalid) {\r\n      this.notificationService.error('Please fill in all required fields correctly.');\r\n      this.markFormGroupTouched();\r\n      return;\r\n    }\r\n\r\n    this.loading.set(true);\r\n    this.error.set(null);\r\n\r\n    const formData = this.programTermSectionForm.value;\r\n    console.log('Program Term Section Form Data:', formData);\r\n\r\n    // Mock save operation\r\n    setTimeout(() => {\r\n      const action = this.isEditMode() ? 'updated' : 'created';\r\n      this.notificationService.success(`Program term section has been ${action} successfully.`);\r\n      this.router.navigate(['/control-panel/program-term-section']);\r\n      this.loading.set(false);\r\n    }, 1000);\r\n  }\r\n\r\n  /**\r\n   * Mark all form controls as touched to trigger validation display\r\n   */\r\n  private markFormGroupTouched(): void {\r\n    Object.keys(this.programTermSectionForm.controls).forEach(key => {\r\n      const control = this.programTermSectionForm.get(key);\r\n      control?.markAsTouched();\r\n    });\r\n  }\r\n\r\n  resetForm() {\r\n    this.programTermSectionForm.reset({\r\n      acapts_isactive: true,\r\n      acapts_iscurrent: false,\r\n      acapts_islocked: false\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Go back to program term section list\r\n   */\r\n  goBackToProgramTermSectionList(): void {\r\n    this.router.navigate(['/control-panel/program-term-section']);\r\n  }\r\n\r\n  /**\r\n   * Cancel form and optionally navigate back\r\n   */\r\n  cancelForm(): void {\r\n    if (this.isEditMode()) {\r\n      this.goBackToProgramTermSectionList();\r\n    } else {\r\n      this.resetForm();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Get page title based on mode\r\n   */\r\n  getPageTitle(): string {\r\n    if (this.isViewMode()) return 'View Program Term Section';\r\n    return this.isEditMode() ? 'Edit Program Term Section' : 'Create New Program Term Section';\r\n  }\r\n\r\n  /**\r\n   * Cleanup when component is destroyed\r\n   */\r\n  ngOnDestroy(): void {\r\n    console.log('🧹 ProgramTermSectionCreateComponent: Cleaning up component state');\r\n\r\n    // Reset all signals to their initial state\r\n    this.activeTab.set('basic');\r\n    this.loading.set(false);\r\n    this.error.set(null);\r\n    this.programTermSectionId.set('');\r\n    this.isEditMode.set(false);\r\n    this.programClassOptions.set([]);\r\n    this.classProgramTermOptions.set([]);\r\n\r\n    // Reset form to initial state\r\n    this.resetForm();\r\n\r\n    console.log('🧹 ProgramTermSectionCreateComponent: Component state cleaned up');\r\n  }\r\n}\r\n","<!-- \r\n  PROGRAM TERM SECTION MASTER FORM\r\n  \r\n  Enterprise-Level Styling with Tailwind CSS\r\n  Features: Responsive grids, proper typography, enhanced user experience\r\n-->\r\n\r\n<div class=\"tw-w-full tw-h-full\">\r\n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"programTermSectionForm\"\r\n    [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\r\n\r\n    <!-- Simple Header Section -->\r\n    <div class=\"tw-table-row tw-w-full tw-h-0\">\r\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\r\n        <div\r\n          class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\r\n\r\n          <!-- Title -->\r\n          <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n            <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">group</cide-ele-icon>\r\n            <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">\r\n              {{ getPageTitle() }}\r\n            </h5>\r\n          </div>\r\n\r\n          <!-- Actions -->\r\n          <div\r\n            class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\r\n            <!-- Back button or other actions can be added here if needed -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Tab Navigation -->\r\n    <div class=\"tw-table-row tw-h-0\">\r\n      <div class=\"tw-table-cell tw-w-full tw-px-2 tw-py-0\">\r\n        <cide-ele-tab [tabs]=\"programTermSectionTabs()\" [activeTabId]=\"activeTab()\" size=\"md\" variant=\"default\"\r\n          (tabChange)=\"onTabChange($event)\">\r\n        </cide-ele-tab>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Tab Content -->\r\n    <div class=\"tw-table-row\">\r\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6\">\r\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\r\n          @switch (activeTab()) {\r\n\r\n          @case ('basic') {\r\n          <!-- Basic Program Term Section Information -->\r\n          <div class=\"tw-space-y-6\">\r\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n              <cide-ele-input label=\"Section Code *\" formControlName=\"acapts_code\" placeholder=\"e.g., SEC-A, SEC-B\"\r\n                size=\"md\" leadingIcon=\"code\">\r\n              </cide-ele-input>\r\n\r\n              <cide-ele-input label=\"Section Name *\" formControlName=\"acapts_name\"\r\n                placeholder=\"e.g., Section A, Section B\" size=\"md\" leadingIcon=\"group\">\r\n              </cide-ele-input>\r\n            </div>\r\n\r\n            <div>\r\n              <cide-ele-textarea label=\"Description\" formControlName=\"acapts_description\"\r\n                placeholder=\"Enter detailed description of the section...\" rows=\"3\" size=\"md\">\r\n              </cide-ele-textarea>\r\n            </div>\r\n\r\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n              <div class=\"tw-space-y-2\">\r\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Program Class *</label>\r\n                <cide-ele-select formControlName=\"acapts_class_program_id_acacpm\" placeholder=\"Select program class\"\r\n                  [disabled]=\"isViewMode()\">\r\n                  <option value=\"\">Select Program Class</option>\r\n                  @for (program of programClassOptions(); track program._id) {\r\n                  <option [value]=\"program._id\">{{ program.acacpm_name }}</option>\r\n                  }\r\n                </cide-ele-select>\r\n              </div>\r\n\r\n              <div class=\"tw-space-y-2\">\r\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Class Program Term *</label>\r\n                <cide-ele-select formControlName=\"acapts_parent_class_prog_term_acapt\" placeholder=\"Select class program term\"\r\n                  [disabled]=\"isViewMode()\">\r\n                  <option value=\"\">Select Class Program Term</option>\r\n                  @for (term of classProgramTermOptions(); track term._id) {\r\n                  <option [value]=\"term._id\">{{ term.acapt_name }}</option>\r\n                  }\r\n                </cide-ele-select>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\">\r\n              <div\r\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\">\r\n                <cide-ele-input formControlName=\"acapts_isactive\" type=\"checkbox\" size=\"md\">\r\n                </cide-ele-input>\r\n                <div class=\"tw-flex tw-flex-col\">\r\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\r\n                  <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this section</span>\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\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\">\r\n                <cide-ele-input formControlName=\"acapts_iscurrent\" type=\"checkbox\" size=\"md\">\r\n                </cide-ele-input>\r\n                <div class=\"tw-flex tw-flex-col\">\r\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\r\n                  <span class=\"tw-text-xs tw-text-gray-500\">Mark as current section</span>\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\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\">\r\n                <cide-ele-input formControlName=\"acapts_islocked\" type=\"checkbox\" size=\"md\">\r\n                </cide-ele-input>\r\n                <div class=\"tw-flex tw-flex-col\">\r\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\r\n                  <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n\r\n          @case ('configuration') {\r\n          <!-- Section Configuration -->\r\n          <div\r\n            class=\"tw-bg-gradient-to-r tw-from-teal-50 tw-to-cyan-50 tw-border tw-border-teal-200 tw-rounded-xl tw-p-6\">\r\n            <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\r\n              <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n                <div class=\"tw-bg-teal-100 tw-p-2 tw-rounded-lg\">\r\n                  <cide-ele-icon class=\"tw-text-teal-600 tw-w-6 tw-h-6\">tune</cide-ele-icon>\r\n                </div>\r\n                <div>\r\n                  <h6 class=\"tw-text-lg tw-font-semibold tw-text-teal-900 tw-m-0\">Section Configuration</h6>\r\n                  <p class=\"tw-text-sm tw-text-teal-600 tw-m-0\">Configure section-specific settings and parameters</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"tw-space-y-4\">\r\n              <div class=\"tw-bg-white tw-rounded-lg tw-border tw-border-gray-200 tw-p-4\">\r\n                <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-mb-3\">Section Settings</h6>\r\n                <div class=\"tw-space-y-3\">\r\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">people</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Student Capacity</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure maximum number of students for this section</p>\r\n                    </div>\r\n                  </div>\r\n                  \r\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">schedule</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Schedule Settings</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure class timings and schedule preferences</p>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">room</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Room Assignment</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Assign specific rooms or classroom preferences</p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n          }\r\n        </div>\r\n\r\n        <!-- Error Display -->\r\n        @if (error()) {\r\n        <div class=\"tw-mt-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\r\n          <div class=\"tw-flex tw-items-center tw-gap-2\">\r\n            <cide-ele-icon variant=\"red\" size=\"sm\">error</cide-ele-icon>\r\n            <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">{{ error() }}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Form Actions -->\r\n    <div class=\"tw-table-row tw-h-0\">\r\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\">\r\n        <div class=\"tw-flex tw-justify-end tw-gap-4\">\r\n          <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\r\n            [disabled]=\"loading()\">\r\n            Reset Form\r\n          </button>\r\n\r\n          <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\r\n            [disabled]=\"loading()\">\r\n            Cancel\r\n          </button>\r\n\r\n          <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || programTermSectionForm.invalid\"\r\n            [loading]=\"loading()\" leftIcon=\"save\">\r\n            {{ isEditMode() ? 'Update Program Term Section' : 'Create Program Term Section' }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </form>\r\n</div>\r\n\r\n"],"names":[],"mappings":"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"}