@extends('layouts.app', ['title' => 'Informasi Kurikulum Prodi'])

@section('content')
    <div class="action-row admin-export-excel-toolbar" style="justify-content: flex-end; margin-bottom: 14px;">
        @include('admin.partials.export-excel-button', ['section' => 'curriculum', 'label' => 'Export Excel Kurikulum'])
    </div>

    @php
        $normalizeInlineText = function ($value) {
            return trim(preg_replace('/\s+/u', ' ', (string) $value) ?? '');
        };
        $normalizeBkCode = function ($value) use ($normalizeInlineText) {
            $normalized = $normalizeInlineText($value);

            return preg_replace('/\s*-\s*/u', '-', $normalized) ?? $normalized;
        };
        $normalizeCplCode = function ($value) use ($normalizeInlineText) {
            $normalized = $normalizeInlineText($value);

            return preg_replace('/\s*-\s*/u', '-', $normalized) ?? $normalized;
        };
        $normalizeCurriculumBkLabel = function ($value) use ($normalizeInlineText, $normalizeBkCode) {
            $normalized = $normalizeInlineText($value);

            if (preg_match('/^(BK)\s*-\s*(\d+)\s*(?:-\s*)?(.*)$/ui', $normalized, $matches)) {
                $code = $normalizeBkCode($matches[1].'-'.$matches[2]);
                $material = $normalizeInlineText($matches[3] ?? '');

                return $material !== '' ? $code.'-'.$material : $code;
            }

            return $normalized;
        };
        $stripParentheticalText = function ($value) use ($normalizeInlineText) {
            return $normalizeInlineText(preg_replace('/\s*\([^)]*\)/u', '', (string) $value) ?? '');
        };
        $parseStoredOptionValues = function ($rawValue) use ($normalizeInlineText) {
            $rawValue = trim((string) $rawValue);

            if ($rawValue === '') {
                return [];
            }

            $decoded = json_decode($rawValue, true);

            if (json_last_error() === JSON_ERROR_NONE && is_array($decoded)) {
                return collect($decoded)
                    ->map(fn ($value) => $normalizeInlineText($value))
                    ->filter()
                    ->values()
                    ->all();
            }

            return collect(explode(',', $rawValue))
                ->map(fn ($value) => $normalizeInlineText($value))
                ->filter()
                ->values()
                ->all();
        };
        $graduateProfileRows = old('graduate_profiles', $settings->graduate_profiles ?? []);
        $learningOutcomeRows = old('learning_outcomes', $settings->learning_outcomes ?? []);
        $studyMaterialMapRows = old('study_material_cpl_map', $settings->study_material_cpl_map ?? []);
        $studyMaterialCourseWeightRows = old('study_material_course_weights', $settings->study_material_course_weights ?? []);
        $curriculumMatrixRows = old('curriculum_matrix', $settings->curriculum_matrix ?? []);
        $graduateProfileOptions = collect($graduateProfileRows)
            ->map(function ($row) {
                $code = trim((string) ($row['graduate_code'] ?? ''));
                $profile = trim((string) ($row['graduate_profile'] ?? ''));

                if ($code === '' && $profile === '') {
                    return null;
                }

                $label = trim($code.($profile !== '' ? ' - '.$profile : ''));

                return [
                    'value' => $label,
                    'label' => $label,
                ];
            })
            ->filter()
            ->unique('value')
            ->values()
            ->mapWithKeys(fn ($item) => [$item['value'] => $item['label']])
            ->all();
        $supportedCplOptions = collect($learningOutcomeRows)
            ->map(function ($row) {
                $code = trim((string) ($row['code'] ?? ''));

                if ($code === '') {
                    return null;
                }

                return [
                    'value' => $code,
                    'label' => $code,
                ];
            })
            ->filter()
            ->unique('value')
            ->values()
            ->mapWithKeys(fn ($item) => [$item['value'] => $item['label']])
            ->all();
        $learningOutcomeDisplayOptions = collect($learningOutcomeRows)
            ->map(function ($row) {
                $code = trim((string) ($row['code'] ?? ''));
                $description = trim((string) ($row['description'] ?? ''));

                if ($code === '' && $description === '') {
                    return null;
                }

                $label = $code !== '' && $description !== ''
                    ? $code.' - '.$description
                    : ($code !== '' ? $code : $description);

                return [
                    'value' => $label,
                    'label' => $label,
                ];
            })
            ->filter()
            ->unique('value')
            ->values()
            ->mapWithKeys(fn ($item) => [$item['value'] => $item['label']])
            ->all();
        $curriculumMatrixSupportedCplOptions = collect($learningOutcomeRows)
            ->map(function ($row) use ($stripParentheticalText) {
                $code = $stripParentheticalText($row['code'] ?? '');

                if ($code === '') {
                    return null;
                }

                return [
                    'value' => $code,
                    'label' => $code,
                ];
            })
            ->filter()
            ->unique('value')
            ->values()
            ->mapWithKeys(fn ($item) => [$item['value'] => $item['label']])
            ->all();
        $studyMaterialCodeOptions = collect($studyMaterialMapRows)
            ->pluck('study_material_code')
            ->map(fn ($value) => $normalizeInlineText($value))
            ->filter()
            ->unique()
            ->values()
            ->mapWithKeys(fn ($value) => [$value => $value])
            ->all();
        $studyMaterialOptions = collect($studyMaterialMapRows)
            ->pluck('study_material')
            ->map(fn ($value) => $normalizeInlineText($value))
            ->filter()
            ->unique()
            ->values()
            ->mapWithKeys(fn ($value) => [$value => $value])
            ->all();
        $studyMaterialPairs = collect($studyMaterialMapRows)
            ->mapWithKeys(function ($row) use ($normalizeInlineText) {
                $code = $normalizeInlineText($row['study_material_code'] ?? '');
                $material = $normalizeInlineText($row['study_material'] ?? '');

                if ($code === '' || $material === '') {
                    return [];
                }

                return [$code => $material];
            })
            ->all();
        $studyMaterialCodeToMaterialOptions = collect($studyMaterialPairs)
            ->map(fn ($material, $code) => ['code' => $code, 'material' => $material])
            ->values()
            ->all();
        $courseStructureRows = old('course_structure', $settings->course_structure ?? []);
        $courseStructureSksByCourseName = collect($courseStructureRows)
            ->mapWithKeys(function ($row) use ($normalizeInlineText) {
                $courseName = $normalizeInlineText($row['course_name'] ?? '');
                $sks = $normalizeInlineText($row['sks'] ?? '');

                if ($courseName === '' || $sks === '') {
                    return [];
                }

                return [$courseName => $sks];
            })
            ->all();
        $curriculumMatrixSourceRows = collect($studyMaterialCourseWeightRows)
            ->map(function ($row) use ($normalizeInlineText, $normalizeBkCode, $normalizeCurriculumBkLabel, $courseStructureSksByCourseName) {
                $code = $normalizeBkCode($row['study_material_code'] ?? '');
                $material = $normalizeInlineText($row['study_material'] ?? '');
                $courseName = $normalizeInlineText($row['course_name'] ?? '');
                $sks = $normalizeInlineText($row['sks'] ?? '') ?: ($courseStructureSksByCourseName[$courseName] ?? '');

                if ($code === '' && $material === '' && $courseName === '' && $sks === '') {
                    return null;
                }

                $bkLabel = trim($code.($material !== '' ? '-'.$material : ''));

                return [
                    'bk_label' => $bkLabel,
                    'bk_label_normalized' => $normalizeCurriculumBkLabel($bkLabel),
                    'study_material_code' => $code,
                    'study_material' => $material,
                    'course_name' => $courseName,
                    'sks' => $sks,
                ];
            })
            ->filter()
            ->values()
            ->all();
        $curriculumMatrixBkOptions = collect($curriculumMatrixSourceRows)
            ->pluck('bk_label')
            ->map(fn ($value) => trim((string) $value))
            ->filter()
            ->unique()
            ->values()
            ->mapWithKeys(fn ($value) => [$value => $value])
            ->all();
        $curriculumMatrixBkOptionsLookup = collect($curriculumMatrixSourceRows)
            ->mapWithKeys(function ($row) {
                $label = trim((string) ($row['bk_label'] ?? ''));
                $normalizedLabel = trim((string) ($row['bk_label_normalized'] ?? ''));

                if ($label === '' && $normalizedLabel === '') {
                    return [];
                }

                return [
                    $label => $label,
                    $normalizedLabel => $label,
                ];
            })
            ->all();
        $curriculumMatrixCourseOptionsByBk = collect($curriculumMatrixSourceRows)
            ->groupBy('bk_label_normalized')
            ->map(function ($rows) {
                return collect($rows)
                    ->pluck('course_name')
                    ->map(fn ($value) => trim((string) $value))
                    ->filter()
                    ->unique()
                    ->values()
                    ->all();
            })
            ->all();
        $curriculumMatrixSksOptionsByBkCourse = collect($curriculumMatrixSourceRows)
            ->groupBy('bk_label_normalized')
            ->map(function ($rows) {
                return collect($rows)
                    ->groupBy('course_name')
                    ->map(function ($courseRows) {
                        return collect($courseRows)
                            ->pluck('sks')
                            ->map(fn ($value) => trim((string) $value))
                            ->filter()
                            ->unique()
                            ->values()
                            ->all();
                    })
                    ->all();
            })
            ->all();
        $curriculumMapCourseOptions = collect($curriculumMatrixRows)
            ->pluck('course_name')
            ->map(fn ($value) => $normalizeInlineText($value))
            ->filter()
            ->unique()
            ->values()
            ->mapWithKeys(fn ($value) => [$value => $value])
            ->all();
        $curriculumMapSksByCourseName = collect($curriculumMatrixRows)
            ->mapWithKeys(function ($row) use ($normalizeInlineText) {
                $courseName = $normalizeInlineText($row['course_name'] ?? '');
                $sks = $normalizeInlineText($row['sks'] ?? '');

                if ($courseName === '' || $sks === '') {
                    return [];
                }

                return [$courseName => $sks];
            })
            ->all();
        $curriculumMapSupportedCplByCourseName = collect($curriculumMatrixRows)
            ->mapWithKeys(function ($row) use ($normalizeInlineText, $stripParentheticalText, $parseStoredOptionValues, $normalizeCplCode) {
                $courseName = $normalizeInlineText($row['course_name'] ?? '');

                if ($courseName === '') {
                    return [];
                }

                $supportedCpls = collect($parseStoredOptionValues($row['supported_cpl'] ?? ''))
                    ->map(fn ($value) => $normalizeCplCode($stripParentheticalText($value)))
                    ->filter()
                    ->unique()
                    ->values()
                    ->all();

                return [$courseName => $supportedCpls];
            })
            ->all();
        $curriculumMapSeedRows = collect($curriculumMatrixRows)
            ->map(function ($row, $index) use ($normalizeInlineText, $stripParentheticalText, $parseStoredOptionValues, $normalizeCplCode) {
                $courseName = $normalizeInlineText($row['course_name'] ?? '');
                $sks = $normalizeInlineText($row['sks'] ?? '');

                if ($courseName === '' && $sks === '') {
                    return null;
                }

                $supportedCpls = collect($parseStoredOptionValues($row['supported_cpl'] ?? ''))
                    ->map(fn ($value) => $normalizeCplCode($stripParentheticalText($value)))
                    ->filter()
                    ->unique()
                    ->values()
                    ->all();

                $seedRow = [
                    'number' => (string) ($index + 1),
                    'course_name' => $courseName,
                    'sks' => $sks,
                ];

                foreach (range(1, 12) as $cplNumber) {
                    $seedRow['cpl_'.$cplNumber] = in_array('CPL-'.$cplNumber, $supportedCpls, true) ? '1' : '';
                }

                return $seedRow;
            })
            ->filter()
            ->values()
            ->all();
        $courseCplCpmkCourseOptions = collect($curriculumMatrixRows)
            ->pluck('course_name')
            ->map(fn ($value) => $normalizeInlineText($value))
            ->filter()
            ->unique()
            ->values()
            ->mapWithKeys(fn ($value) => [$value => $value])
            ->all();
        $courseCplCpmkCplByCourseName = collect($curriculumMatrixRows)
            ->mapWithKeys(function ($row) use ($normalizeInlineText, $parseStoredOptionValues, $stripParentheticalText) {
                $courseName = $normalizeInlineText($row['course_name'] ?? '');

                if ($courseName === '') {
                    return [];
                }

                $cplValues = collect($parseStoredOptionValues($row['supported_cpl'] ?? ''))
                    ->map(fn ($value) => $stripParentheticalText($value))
                    ->filter()
                    ->unique()
                    ->values()
                    ->all();

                return [$courseName => $cplValues];
            })
            ->all();
        $courseCplCpmkSeedRows = collect($curriculumMatrixRows)
            ->map(function ($row, $index) use ($normalizeInlineText, $parseStoredOptionValues, $stripParentheticalText) {
                $courseName = $normalizeInlineText($row['course_name'] ?? '');

                if ($courseName === '') {
                    return null;
                }

                $cplValues = collect($parseStoredOptionValues($row['supported_cpl'] ?? ''))
                    ->map(fn ($value) => $stripParentheticalText($value))
                    ->filter()
                    ->unique()
                    ->values()
                    ->all();

                return [
                    'number' => (string) ($index + 1),
                    'course_name' => $courseName,
                    'cpl' => implode(', ', $cplValues),
                    'cpmk' => '',
                ];
            })
            ->filter()
            ->values()
            ->all();
        $syncCourseCplCpmkRows = function (array $existingRows) use ($courseCplCpmkSeedRows, $normalizeInlineText) {
            $existingCpmkByCourse = collect($existingRows)
                ->mapWithKeys(function ($row) use ($normalizeInlineText) {
                    $courseName = $normalizeInlineText($row['course_name'] ?? '');

                    if ($courseName === '') {
                        return [];
                    }

                    return [$courseName => (string) ($row['cpmk'] ?? '')];
                })
                ->all();

            if (blank($courseCplCpmkSeedRows)) {
                return $existingRows;
            }

            return collect($courseCplCpmkSeedRows)
                ->map(function ($seedRow, $index) use ($existingCpmkByCourse, $normalizeInlineText) {
                    $courseName = $normalizeInlineText($seedRow['course_name'] ?? '');

                    return [
                        'number' => (string) ($index + 1),
                        'course_name' => $seedRow['course_name'] ?? '',
                        'cpl' => $seedRow['cpl'] ?? '',
                        'cpmk' => $existingCpmkByCourse[$courseName] ?? '',
                    ];
                })
                ->all();
        };
        $semesterOptions = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII'];
        $courseOptionsByStudyMaterialCode = [
            'BK-1' => [
                'Al Islam Kemuhammadiyahan I',
                'Al Islam Kemuhammadiyahan II',
                'Al Islam Kemuhammadiyahan III',
                'Al Islam Kemuhammadiyahan IV',
                'Al Islam Kemuhammadiyahan V',
                'Al Islam Kemuhammadiyahan VI',
                'Pendidikan Agama',
                'Pendidikan Pancasila',
                'Bahasa Indonesia',
                'Bahasa Arab',
                'Pendidikan Kewarganegaraan',
                'Pendidikan Anti Korupsi dan Narkoba',
                'Khazanah Bugis',
            ],
            'BK-2' => [
                'Trigonometri',
                'Dasar-dasar Matematika',
                'Teori Bilangan',
                'Aljabar Elementer',
                'Statistika Dasar',
                'Kalkulus I',
                'Kalkulus II',
                'Kalkulus Lanjutan',
                'Geometri Dasar',
                'Geometri Analitik Datar',
                'Geometri Analitik Ruang',
                'Persamaan Differensial Biasa',
                'Aljabar Linear',
                'Program Linear',
                'Analisis Kompleks',
                'Pengantar Analisis Real',
                'Statistika Matematika',
                'Geometri Transformasi',
                'Teori Grup',
                'Statistika Terapan',
                'Matematika Diskrit',
                'Matematika Ekonomi',
            ],
            'BK-3' => [
                'Pengantar Pendidikan',
                'Perkembangan Peserta Didik',
                'Profesi Keguruan',
                'Belajar dan Pembelajaran Matematika',
                'Pendidikan Inklusif',
                'Matematika Sekolah dan Pembelajarannya',
                'Ethnomatematika',
                'Assesmen Pembelajaran Matematika',
                'Microteaching',
                'PLP 1',
                'PLP 2',
            ],
            'BK-4' => [
                'Media Pembelajaran Matematika Berbasis TIK',
                'Aplikasi Komputer',
                'Coding Matematika',
            ],
            'BK-5' => [
                'Metodologi Penelitian Kualitatif',
                'Metodologi Penelitian Kuantitatif',
                'Filsafat Pendidikan Matematika',
                'Tugas Akhir/Skripsi',
            ],
            'BK-6' => [
                'Entrepreneurship Digital',
                'English For Math',
                'Kokurikuler',
                'KKN',
            ],
        ];
        $courseOptionsByStudyMaterialCodeLookup = collect($courseOptionsByStudyMaterialCode)
            ->mapWithKeys(function ($courses, $code) use ($normalizeBkCode, $normalizeInlineText) {
                $normalizedCode = $normalizeBkCode($code);
                $spacedCode = str_replace('-', ' - ', $normalizedCode);
                $normalizedCourses = collect($courses)
                    ->map(fn ($course) => $normalizeInlineText($course))
                    ->filter()
                    ->values()
                    ->all();

                return [
                    $normalizedCode => $normalizedCourses,
                    $spacedCode => $normalizedCourses,
                ];
            })
            ->all();
        $courseStructureSeedRows = collect($studyMaterialCourseWeightRows)
            ->map(function ($row, $index) {
                $courseName = trim((string) ($row['course_name'] ?? ''));
                $sks = trim((string) ($row['sks'] ?? ''));

                if ($courseName === '' && $sks === '') {
                    return null;
                }

                return [
                    'number' => (string) ($index + 1),
                    'course_name' => $courseName,
                    'course_type' => '',
                    'type_code' => '',
                    'sks' => $sks,
                    'course_code' => '',
                    'semester' => '',
                ];
            })
            ->filter()
            ->values()
            ->all();
        if (blank($courseStructureRows) && ! blank($courseStructureSeedRows)) {
            $courseStructureRows = $courseStructureSeedRows;
        }
        $courseStructureAllCourseOptions = collect($courseStructureRows)
            ->pluck('course_name')
            ->map(fn ($value) => trim((string) $value))
            ->filter()
            ->unique()
            ->values()
            ->mapWithKeys(fn ($value) => [$value => $value])
            ->all();
        $courseStructureCourseOptions = collect($courseStructureRows)
            ->filter(function ($row) {
                return trim((string) ($row['course_type'] ?? '')) === 'Mata Kuliah Wajib Fakultas';
            })
            ->pluck('course_name')
            ->map(fn ($value) => trim((string) $value))
            ->filter()
            ->unique()
            ->values()
            ->mapWithKeys(fn ($value) => [$value => $value])
            ->all();
        $courseStructureSemesterSksMap = collect($courseStructureRows)
            ->filter(function ($row) {
                return trim((string) ($row['course_type'] ?? '')) === 'Mata Kuliah Wajib Fakultas';
            })
            ->mapWithKeys(function ($row) {
                $courseName = trim((string) ($row['course_name'] ?? ''));
                $semester = trim((string) ($row['semester'] ?? ''));
                $sks = trim((string) ($row['sks'] ?? ''));

                if ($courseName === '') {
                    return [];
                }

                $label = trim($semester.($sks !== '' ? ' ('.$sks.')' : ''));

                return [$courseName => $label];
            })
            ->all();
        $parseStoredTagValues = function ($rawValue, array $availableOptions = []) {
            $rawValue = trim((string) $rawValue);

            if ($rawValue === '') {
                return [];
            }

            $decoded = json_decode($rawValue, true);

            if (json_last_error() === JSON_ERROR_NONE && is_array($decoded)) {
                return collect($decoded)
                    ->map(fn ($value) => trim((string) $value))
                    ->filter()
                    ->values()
                    ->all();
            }

            $matchedOptions = collect(array_keys($availableOptions))
                ->map(function ($optionValue) use ($rawValue) {
                    $position = mb_strpos($rawValue, $optionValue);

                    return $position === false
                        ? null
                        : ['value' => $optionValue, 'position' => $position];
                })
                ->filter()
                ->sortBy('position')
                ->pluck('value')
                ->values()
                ->all();

            if ($matchedOptions !== []) {
                return $matchedOptions;
            }

            return collect(explode(',', $rawValue))
                ->map(fn ($value) => trim((string) $value))
                ->filter()
                ->values()
                ->all();
        };
        $columnStyleMap = [
            'default' => [
                'number' => 'min-width: 64px; width: 64px;',
            ],
            'graduate_profiles' => [
                'code' => 'min-width: 180px; width: 180px;',
                'profile' => 'min-width: 340px; width: 24%;',
                'description' => 'min-width: 760px; width: 60%;',
            ],
            'learning_outcomes' => [
                'code' => 'min-width: 260px; width: 20%;',
                'description' => 'min-width: 920px; width: 72%;',
            ],
            'study_material_cpl_map' => [
                'study_material_code' => 'min-width: 180px; width: 12%;',
                'study_material' => 'min-width: 560px; width: 42%;',
                'supported_cpl_code' => 'min-width: 520px; width: 40%;',
            ],
            'study_material_course_weights' => [
                'study_material_code' => 'min-width: 140px; width: 10%;',
                'study_material' => 'min-width: 520px; width: 36%;',
                'course_name' => 'min-width: 420px; width: 30%;',
                'sks' => 'min-width: 90px; width: 7%;',
            ],
            'course_structure' => [
                'course_name' => 'min-width: 340px; width: 24%;',
                'course_type' => 'min-width: 260px; width: 18%;',
                'type_code' => 'min-width: 150px; width: 10%;',
                'sks' => 'min-width: 90px; width: 7%;',
                'course_code' => 'min-width: 190px; width: 13%;',
                'semester' => 'min-width: 110px; width: 8%;',
            ],
            'course_prerequisites' => [
                'course_name' => 'min-width: 420px; width: 30%;',
                'prerequisite_courses' => 'min-width: 820px; width: 62%;',
            ],
            'faculty_course_cpl_cpmk_map' => [
                'faculty_course' => 'min-width: 360px; width: 22%;',
                'semester_sks' => 'min-width: 170px; width: 10%;',
                'faculty_cpl_supported' => 'min-width: 360px; width: 22%;',
                'study_program_cpl_relation' => 'min-width: 460px; width: 30%;',
                'course_cpmk' => 'min-width: 420px; width: 28%;',
            ],
            'curriculum_matrix' => [
                'number' => 'min-width: 78px; width: 78px; max-width: 78px;',
                'study_material' => 'min-width: 420px; width: 26%;',
                'course_name' => 'min-width: 420px; width: 26%;',
                'sks' => 'min-width: 90px; width: 7%;',
                'supported_cpl' => 'min-width: 520px; width: 35%;',
            ],
            'curriculum_map' => [
                'course_name' => 'min-width: 420px; width: 28%;',
                'sks' => 'min-width: 90px; width: 6%;',
                'cpl_1' => 'min-width: 76px; width: 4.9%; text-align: center;',
                'cpl_2' => 'min-width: 76px; width: 4.9%; text-align: center;',
                'cpl_3' => 'min-width: 76px; width: 4.9%; text-align: center;',
                'cpl_4' => 'min-width: 76px; width: 4.9%; text-align: center;',
                'cpl_5' => 'min-width: 76px; width: 4.9%; text-align: center;',
                'cpl_6' => 'min-width: 76px; width: 4.9%; text-align: center;',
                'cpl_7' => 'min-width: 76px; width: 4.9%; text-align: center;',
                'cpl_8' => 'min-width: 76px; width: 4.9%; text-align: center;',
                'cpl_9' => 'min-width: 76px; width: 4.9%; text-align: center;',
                'cpl_10' => 'min-width: 76px; width: 4.9%; text-align: center;',
                'cpl_11' => 'min-width: 76px; width: 4.9%; text-align: center;',
                'cpl_12' => 'min-width: 76px; width: 4.9%; text-align: center;',
            ],
            'course_cpl_cpmk_map' => [
                'course_name' => 'min-width: 360px; width: 24%;',
                'cpl' => 'min-width: 260px; width: 16%;',
                'cpmk' => 'min-width: 760px; width: 54%;',
            ],
            'course_descriptions' => [
                'course_name' => 'min-width: 380px; width: 24%;',
                'description' => 'min-width: 920px; width: 68%;',
            ],
        ];
        $getColumnStyle = function ($sectionKey, $columnKey) use ($columnStyleMap) {
            $defaultStyle = $columnStyleMap['default'][$columnKey] ?? null;
            $sectionStyle = $columnStyleMap[$sectionKey][$columnKey] ?? null;

            return $sectionStyle ?? $defaultStyle ?? '';
        };
        $getActionStyle = function ($sectionKey) {
            return $sectionKey === 'course_structure'
                ? 'width: 190px; min-width: 190px; max-width: 190px;'
                : 'width: 68px; min-width: 68px; max-width: 68px;';
        };
    @endphp

    <div class="hero-card">
        <h2>Informasi Kurikulum Prodi</h2>
        <p>Halaman ini khusus untuk mengelola data kurikulum Program Studi Pendidikan Matematika. Data ini dipisahkan dari identitas dan logo agar lebih fokus, mudah dipelihara, dan siap dipakai sebagai basis AI RPS.</p>
    </div>

    <div class="panel" style="margin-top: 20px;">
        <div class="actions" style="align-items: flex-end;">
            <a class="btn secondary" href="{{ route('admin.curriculum.export-backup') }}">Export Backup Kurikulum</a>
            <form method="POST" action="{{ route('admin.curriculum.import-backup') }}" enctype="multipart/form-data" class="inline-form" style="display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap;">
                @csrf
                <div>
                    <label for="backup_file" style="margin-bottom: 6px;">Import Backup JSON</label>
                    <input id="backup_file" type="file" name="backup_file" accept=".json,application/json,text/plain" style="min-width: 280px;">
                </div>
                <button class="btn" type="submit">Import Backup</button>
            </form>
        </div>
        <p class="helper" style="margin-top: 12px;">Gunakan export untuk menyimpan satu file backup semua data pada halaman ini. File JSON yang sama bisa diimpor kembali untuk memulihkan seluruh Informasi Kurikulum Prodi.</p>
    </div>

    <div class="panel" style="margin-top: 20px;">
        <h3 class="section-title" style="margin-top: 0;">Upload Data Kurikulum (PDF/Excel)</h3>
        <p class="helper">Upload file kurikulum `PDF` atau `Excel`, lalu sistem akan membaca isinya dan memakai AI untuk memetakan data ke section `Informasi Kurikulum Prodi`. Format yang didukung: `pdf`, `xlsx`, `xls`, dan `csv`.</p>

        <form method="POST" action="{{ route('admin.curriculum.import-documents') }}" enctype="multipart/form-data">
            @csrf
            <div class="actions" style="align-items: flex-end;">
                <div>
                    <label for="curriculum_files" style="margin-bottom: 6px;">File Kurikulum</label>
                    <input id="curriculum_files" type="file" name="curriculum_files[]" accept=".pdf,.xlsx,.xls,.csv,application/pdf,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel,text/csv" multiple style="min-width: 340px;">
                </div>
                <button class="btn" type="submit">Upload &amp; Proses AI</button>
            </div>
        </form>

        @if (! blank($settings->curriculum_last_import_meta))
            <div class="summary-chips" style="margin-top: 16px;">
                <span class="summary-chip"><strong>Batch</strong> {{ $settings->curriculum_last_import_meta['batch_id'] ?? '-' }}</span>
                <span class="summary-chip"><strong>Diproses</strong> {{ $settings->curriculum_last_import_meta['processed_at'] ?? '-' }}</span>
                <span class="summary-chip"><strong>Model</strong> {{ $settings->curriculum_last_import_meta['model'] ?? '-' }}</span>
                <span class="summary-chip"><strong>Dokumen</strong> {{ $settings->curriculum_last_import_meta['document_count'] ?? 0 }}</span>
            </div>
        @endif

        @if (! blank($settings->curriculum_source_documents))
            <div class="table-wrap curriculum-table-shell" style="margin-top: 16px; max-height: 360px;">
                <table class="curriculum-table" style="min-width: 820px;">
                    <thead>
                        <tr>
                            <th style="width: 280px;">Nama File</th>
                            <th style="width: 110px;">Jenis</th>
                            <th style="width: 110px;">Format</th>
                            <th style="width: 110px;">Ukuran</th>
                            <th>Cuplikan Hasil Baca</th>
                            <th style="width: 170px;">Diproses</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (array_reverse($settings->curriculum_source_documents ?? []) as $document)
                            <tr>
                                <td>{{ $document['original_name'] ?? '-' }}</td>
                                <td>{{ strtoupper($document['source_kind'] ?? '-') }}</td>
                                <td>{{ strtoupper($document['extension'] ?? '-') }}</td>
                                <td>{{ isset($document['size']) ? number_format(((int) $document['size']) / 1024, 1).' KB' : '-' }}</td>
                                <td>{{ $document['extracted_excerpt'] ?? '-' }}</td>
                                <td>{{ $document['uploaded_at'] ?? '-' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>

    <div class="panel" style="margin-top: 20px;">
        @foreach ($curriculumSections as $sectionKey => $section)
            @php
                $sectionRows = old($sectionKey, $settings->{$sectionKey} ?? []);
                if ($sectionKey === 'course_structure' && blank($sectionRows) && ! blank($courseStructureSeedRows)) {
                    $sectionRows = $courseStructureSeedRows;
                } elseif ($sectionKey === 'curriculum_map' && ! blank($curriculumMapSeedRows)) {
                    $sectionRows = $curriculumMapSeedRows;
                } elseif ($sectionKey === 'course_cpl_cpmk_map') {
                    $sectionRows = $syncCourseCplCpmkRows($sectionRows);
                } elseif (blank($sectionRows)) {
                    $sectionRows = [array_fill_keys(array_keys($section['columns']), '')];
                    if (array_key_exists('number', $section['columns'])) {
                        $sectionRows[0]['number'] = '1';
                    }
                }

                if (array_key_exists('number', $section['columns'])) {
                    $sectionRows = collect($sectionRows)
                        ->values()
                        ->map(function ($row, $index) {
                            $row['number'] = (string) ($index + 1);

                            return $row;
                        })
                        ->all();
                }
            @endphp
            <form method="POST" action="{{ route('admin.curriculum.update') }}" style="margin-bottom: 20px;">
                @csrf
                @method('PUT')
                <input type="hidden" name="section_key" value="{{ $sectionKey }}">

                <div class="panel" style="padding: 18px; background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);">
                    <h3 class="section-title" style="margin-top: 0;">{{ $section['title'] }}</h3>
                    <p class="helper">{{ $section['description'] }}</p>

                    <div class="table-wrap curriculum-table-shell" data-curriculum-table="{{ $sectionKey }}">
                        <table class="curriculum-table">
                            <thead>
                                <tr>
                                    @foreach ($section['columns'] as $columnKey => $label)
                                        <th @if ($getColumnStyle($sectionKey, $columnKey) !== '') style="{{ $getColumnStyle($sectionKey, $columnKey) }}" @endif>{{ $label }}</th>
                                    @endforeach
                                    <th style="{{ $getActionStyle($sectionKey) }}">Aksi</th>
                                </tr>
                            </thead>
                            <tbody data-curriculum-rows>
                                @foreach ($sectionRows as $rowIndex => $row)
                                    <tr
                                        @if ($sectionKey === 'course_structure')
                                            draggable="true"
                                            data-course-structure-row
                                        @endif
                                    >
                                        @foreach ($section['columns'] as $columnKey => $label)
                                            <td @if ($getColumnStyle($sectionKey, $columnKey) !== '') style="{{ $getColumnStyle($sectionKey, $columnKey) }}" @endif>
                                                @if ($columnKey === 'number')
                                                    <input
                                                        name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]"
                                                        value="{{ $row[$columnKey] ?? (string) ($rowIndex + 1) }}"
                                                        placeholder="{{ $label }}"
                                                        readonly
                                                        data-auto-number
                                                    >
                                                @elseif ($columnKey === 'supported_cpl_code')
                                                    @php
                                                        $selectedCplValues = $parseStoredTagValues($row[$columnKey] ?? '', $supportedCplOptions);
                                                    @endphp
                                                    <div
                                                        class="curriculum-tag-select"
                                                        data-cpl-tag-select
                                                        data-selected='@json($selectedCplValues)'
                                                        data-options='@json($supportedCplOptions)'
                                                    >
                                                        <input type="hidden" name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" value='@json($selectedCplValues)' data-cpl-hidden-input>
                                                        <div class="curriculum-tag-list" data-cpl-tag-list></div>
                                                        <select data-cpl-option-select>
                                                            <option value="">{{ blank($supportedCplOptions) ? 'Isi data CPL terlebih dahulu' : 'Pilih satu atau beberapa CPL' }}</option>
                                                            @foreach ($supportedCplOptions as $optionValue => $optionLabel)
                                                                <option value="{{ $optionValue }}">{{ $optionLabel }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                @elseif ($sectionKey === 'study_material_course_weights' && $columnKey === 'study_material_code')
                                                    <select name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" data-study-material-code-select>
                                                        <option value="">{{ blank($studyMaterialCodeOptions) ? 'Isi data Kode Bahan Kajian terlebih dahulu' : 'Pilih Kode BK' }}</option>
                                                        @foreach ($studyMaterialCodeToMaterialOptions as $option)
                                                            <option
                                                                value="{{ $option['code'] }}"
                                                                data-study-material="{{ $option['material'] }}"
                                                                @selected($normalizeBkCode($row[$columnKey] ?? '') === $normalizeBkCode($option['code']))
                                                            >{{ $option['code'] }}</option>
                                                        @endforeach
                                                    </select>
                                                @elseif ($sectionKey === 'study_material_course_weights' && $columnKey === 'study_material')
                                                    <select name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" data-study-material-select>
                                                        <option value="">{{ blank($studyMaterialOptions) ? 'Isi data Bahan Kajian terlebih dahulu' : 'Pilih Bahan Kajian' }}</option>
                                                        @foreach ($studyMaterialOptions as $optionValue => $optionLabel)
                                                            <option value="{{ $optionValue }}" @selected(($row[$columnKey] ?? '') === $optionValue)>{{ $optionLabel }}</option>
                                                        @endforeach
                                                    </select>
                                                @elseif ($sectionKey === 'study_material_course_weights' && $columnKey === 'course_name')
                                                    @php
                                                        $selectedStudyMaterialCode = (string) ($row['study_material_code'] ?? '');
                                                        $normalizedSelectedStudyMaterialCode = $normalizeBkCode($selectedStudyMaterialCode);
                                                        $availableCourseOptions = $courseOptionsByStudyMaterialCodeLookup[$selectedStudyMaterialCode]
                                                            ?? $courseOptionsByStudyMaterialCodeLookup[$normalizedSelectedStudyMaterialCode]
                                                            ?? [];
                                                    @endphp
                                                    <select name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" data-course-name-select>
                                                        <option value="">{{ blank($availableCourseOptions) ? 'Pilih Kode BK terlebih dahulu' : 'Pilih Mata Kuliah' }}</option>
                                                        @foreach ($availableCourseOptions as $courseOption)
                                                            <option value="{{ $courseOption }}" @selected(($row[$columnKey] ?? '') === $courseOption)>{{ $courseOption }}</option>
                                                        @endforeach
                                                    </select>
                                                @elseif ($sectionKey === 'curriculum_matrix' && $columnKey === 'study_material')
                                                    <select name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" data-curriculum-matrix-bk-select>
                                                        <option value="">{{ blank($curriculumMatrixBkOptions) ? 'Isi data Bahan Kajian, Bobot SKS, dan Mata Kuliah terlebih dahulu' : 'Pilih Bahan Kajian (BK)' }}</option>
                                                        @foreach ($curriculumMatrixBkOptions as $optionValue => $optionLabel)
                                                            <option value="{{ $optionValue }}" @selected($normalizeCurriculumBkLabel($row[$columnKey] ?? '') === $normalizeCurriculumBkLabel($optionValue))>{{ $optionLabel }}</option>
                                                        @endforeach
                                                    </select>
                                                @elseif ($sectionKey === 'curriculum_matrix' && $columnKey === 'course_name')
                                                    @php
                                                        $selectedBkLabel = (string) ($row['study_material'] ?? '');
                                                        $normalizedSelectedBkLabel = $normalizeCurriculumBkLabel($selectedBkLabel);
                                                        $availableMatrixCourseOptions = $curriculumMatrixCourseOptionsByBk[$normalizedSelectedBkLabel] ?? [];
                                                    @endphp
                                                    <select name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" data-curriculum-matrix-course-select>
                                                        <option value="">{{ blank($availableMatrixCourseOptions) ? 'Pilih Bahan Kajian (BK) terlebih dahulu' : 'Pilih Mata Kuliah' }}</option>
                                                        @foreach ($availableMatrixCourseOptions as $courseOption)
                                                            <option value="{{ $courseOption }}" @selected(($row[$columnKey] ?? '') === $courseOption)>{{ $courseOption }}</option>
                                                        @endforeach
                                                    </select>
                                                @elseif ($sectionKey === 'curriculum_matrix' && $columnKey === 'sks')
                                                    @php
                                                        $selectedBkLabel = (string) ($row['study_material'] ?? '');
                                                        $normalizedSelectedBkLabel = $normalizeCurriculumBkLabel($selectedBkLabel);
                                                        $selectedMatrixCourse = (string) ($row['course_name'] ?? '');
                                                        $availableMatrixSksOptions = $curriculumMatrixSksOptionsByBkCourse[$normalizedSelectedBkLabel][$selectedMatrixCourse] ?? [];
                                                        $matrixSksPlaceholder = $selectedMatrixCourse !== ''
                                                            ? (blank($availableMatrixSksOptions) ? 'SKS belum diisi di data sumber' : 'Pilih SKS')
                                                            : 'Pilih Mata Kuliah terlebih dahulu';
                                                    @endphp
                                                    <select name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" data-curriculum-matrix-sks-select>
                                                        <option value="">{{ $matrixSksPlaceholder }}</option>
                                                        @foreach ($availableMatrixSksOptions as $sksOption)
                                                            <option value="{{ $sksOption }}" @selected(($row[$columnKey] ?? '') === $sksOption)>{{ $sksOption }}</option>
                                                        @endforeach
                                                    </select>
                                                @elseif ($sectionKey === 'curriculum_matrix' && $columnKey === 'supported_cpl')
                                                    @php
                                                        $selectedSupportedCplValues = $parseStoredTagValues(
                                                            $stripParentheticalText($row[$columnKey] ?? ''),
                                                            $curriculumMatrixSupportedCplOptions,
                                                        );
                                                    @endphp
                                                    <div
                                                        class="curriculum-tag-select"
                                                        data-cpl-tag-select
                                                        data-selected='@json($selectedSupportedCplValues)'
                                                        data-options='@json($curriculumMatrixSupportedCplOptions)'
                                                    >
                                                        <input type="hidden" name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" value='@json($selectedSupportedCplValues)' data-cpl-hidden-input>
                                                        <div class="curriculum-tag-list" data-cpl-tag-list></div>
                                                        <select data-cpl-option-select>
                                                            <option value="">{{ blank($curriculumMatrixSupportedCplOptions) ? 'Isi data CPL terlebih dahulu' : 'Pilih satu atau beberapa CPL yang Didukung' }}</option>
                                                            @foreach ($curriculumMatrixSupportedCplOptions as $optionValue => $optionLabel)
                                                                <option value="{{ $optionValue }}">{{ $optionLabel }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                @elseif ($sectionKey === 'curriculum_map' && $columnKey === 'number')
                                                    <input
                                                        name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]"
                                                        value="{{ $row[$columnKey] ?? (string) ($rowIndex + 1) }}"
                                                        placeholder="{{ $label }}"
                                                        readonly
                                                        data-curriculum-map-number
                                                    >
                                                @elseif ($sectionKey === 'curriculum_map' && $columnKey === 'course_name')
                                                    <select name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" data-curriculum-map-course-select>
                                                        <option value="">{{ blank($curriculumMapCourseOptions) ? 'Isi Matriks Kurikulum terlebih dahulu' : 'Pilih Mata Kuliah' }}</option>
                                                        @foreach ($curriculumMapCourseOptions as $optionValue => $optionLabel)
                                                            <option value="{{ $optionValue }}" @selected(($row[$columnKey] ?? '') === $optionValue)>{{ $optionLabel }}</option>
                                                        @endforeach
                                                    </select>
                                                @elseif ($sectionKey === 'curriculum_map' && $columnKey === 'sks')
                                                    <input
                                                        name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]"
                                                        value="{{ $row[$columnKey] ?? ($curriculumMapSksByCourseName[$row['course_name'] ?? ''] ?? '') }}"
                                                        placeholder="{{ $label }}"
                                                        readonly
                                                        data-curriculum-map-sks-input
                                                    >
                                                @elseif ($sectionKey === 'curriculum_map' && preg_match('/^cpl_(\d+)$/', $columnKey, $curriculumMapCplMatches))
                                                    @php
                                                        $cplCode = 'CPL-'.$curriculumMapCplMatches[1];
                                                        $selectedCourseName = (string) ($row['course_name'] ?? '');
                                                        $supportedCplsForCourse = $curriculumMapSupportedCplByCourseName[$selectedCourseName] ?? [];
                                                        $isChecked = ($row[$columnKey] ?? '') !== '' || in_array($cplCode, $supportedCplsForCourse, true);
                                                    @endphp
                                                    <label class="curriculum-check-option">
                                                        <input
                                                            type="hidden"
                                                            name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]"
                                                            value=""
                                                            data-curriculum-map-cpl-hidden
                                                        >
                                                        <input
                                                            type="checkbox"
                                                            name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]"
                                                            value="1"
                                                            data-curriculum-map-cpl-checkbox
                                                            data-cpl-code="{{ $cplCode }}"
                                                            @checked($isChecked)
                                                        >
                                                    </label>
                                                @elseif ($sectionKey === 'course_cpl_cpmk_map' && $columnKey === 'course_name')
                                                    <textarea
                                                        name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]"
                                                        rows="3"
                                                        placeholder="{{ $label }}"
                                                        readonly
                                                    >{{ $row[$columnKey] ?? '' }}</textarea>
                                                @elseif ($sectionKey === 'course_cpl_cpmk_map' && $columnKey === 'cpl')
                                                    @php
                                                        $cplTextValue = (string) ($row[$columnKey] ?? '');
                                                    @endphp
                                                    <textarea
                                                        name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]"
                                                        rows="3"
                                                        placeholder="{{ $label }}"
                                                        readonly
                                                        data-course-cpl-cpmk-cpl-input
                                                    >{{ $cplTextValue }}</textarea>
                                                @elseif ($sectionKey === 'course_cpl_cpmk_map' && $columnKey === 'cpmk')
                                                    <div class="curriculum-tag-select" data-text-tag-container>
                                                        <input
                                                            type="hidden"
                                                            name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]"
                                                            value="{{ $row[$columnKey] ?? '' }}"
                                                            data-text-tag-hidden-input
                                                        >
                                                        <div class="curriculum-tag-list" data-text-tag-list></div>
                                                        <input
                                                            type="text"
                                                            placeholder="Ketik CPMK lalu tekan Enter"
                                                            data-text-tag-input
                                                        >
                                                    </div>
                                                @elseif ($sectionKey === 'course_structure' && $columnKey === 'number')
                                                    <input
                                                        name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]"
                                                        value="{{ $row[$columnKey] ?? '' }}"
                                                        placeholder="{{ $label }}"
                                                        readonly
                                                        data-course-structure-number
                                                    >
                                                @elseif ($sectionKey === 'course_structure' && $columnKey === 'course_name')
                                                    <input
                                                        name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]"
                                                        value="{{ $row[$columnKey] ?? '' }}"
                                                        placeholder="{{ $label }}"
                                                        data-course-structure-course-name
                                                    >
                                                @elseif ($sectionKey === 'course_structure' && $columnKey === 'semester')
                                                    <select name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]">
                                                        <option value="">Pilih Semester</option>
                                                        @foreach ($semesterOptions as $semesterOption)
                                                            <option value="{{ $semesterOption }}" @selected(($row[$columnKey] ?? '') === $semesterOption)>{{ $semesterOption }}</option>
                                                        @endforeach
                                                    </select>
                                                @elseif ($sectionKey === 'course_prerequisites' && $columnKey === 'course_name')
                                                    <select name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]">
                                                        <option value="">{{ blank($courseStructureAllCourseOptions) ? 'Isi Struktur Mata Kuliah terlebih dahulu' : 'Pilih Mata Kuliah' }}</option>
                                                        @foreach ($courseStructureAllCourseOptions as $optionValue => $optionLabel)
                                                            <option value="{{ $optionValue }}" @selected(($row[$columnKey] ?? '') === $optionValue)>{{ $optionLabel }}</option>
                                                        @endforeach
                                                    </select>
                                                @elseif ($sectionKey === 'course_prerequisites' && $columnKey === 'prerequisite_courses')
                                                    @php
                                                        $selectedPrerequisiteCourses = $parseStoredTagValues($row[$columnKey] ?? '', $courseStructureAllCourseOptions);
                                                    @endphp
                                                    <div
                                                        class="curriculum-tag-select"
                                                        data-cpl-tag-select
                                                        data-selected='@json($selectedPrerequisiteCourses)'
                                                        data-options='@json($courseStructureAllCourseOptions)'
                                                    >
                                                        <input type="hidden" name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" value='@json($selectedPrerequisiteCourses)' data-cpl-hidden-input>
                                                        <div class="curriculum-tag-list" data-cpl-tag-list></div>
                                                        <select data-cpl-option-select>
                                                            <option value="">{{ blank($courseStructureAllCourseOptions) ? 'Isi Struktur Mata Kuliah terlebih dahulu' : 'Pilih satu atau beberapa Mata Kuliah Syarat' }}</option>
                                                            @foreach ($courseStructureAllCourseOptions as $optionValue => $optionLabel)
                                                                <option value="{{ $optionValue }}">{{ $optionLabel }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                @elseif ($sectionKey === 'faculty_course_cpl_cpmk_map' && $columnKey === 'faculty_course')
                                                    <select name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" data-faculty-course-select>
                                                        <option value="">{{ blank($courseStructureCourseOptions) ? 'Isi Struktur Mata Kuliah terlebih dahulu' : 'Pilih Mata Kuliah Wajib Fakultas' }}</option>
                                                        @foreach ($courseStructureCourseOptions as $optionValue => $optionLabel)
                                                            <option value="{{ $optionValue }}" @selected(($row[$columnKey] ?? '') === $optionValue)>{{ $optionLabel }}</option>
                                                        @endforeach
                                                    </select>
                                                @elseif ($sectionKey === 'faculty_course_cpl_cpmk_map' && $columnKey === 'semester_sks')
                                                    <input
                                                        name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]"
                                                        value="{{ $row[$columnKey] ?? ($courseStructureSemesterSksMap[$row['faculty_course'] ?? ''] ?? '') }}"
                                                        placeholder="{{ $label }}"
                                                        data-semester-sks-input
                                                    >
                                                @elseif ($sectionKey === 'faculty_course_cpl_cpmk_map' && $columnKey === 'faculty_cpl_supported')
                                                    @php
                                                        $selectedGraduateProfiles = $parseStoredTagValues($row[$columnKey] ?? '', $graduateProfileOptions);
                                                    @endphp
                                                    <div
                                                        class="curriculum-tag-select"
                                                        data-cpl-tag-select
                                                        data-selected='@json($selectedGraduateProfiles)'
                                                        data-options='@json($graduateProfileOptions)'
                                                    >
                                                        <input type="hidden" name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" value='@json($selectedGraduateProfiles)' data-cpl-hidden-input>
                                                        <div class="curriculum-tag-list" data-cpl-tag-list></div>
                                                        <select data-cpl-option-select>
                                                            <option value="">{{ blank($graduateProfileOptions) ? 'Isi data Profil Lulusan terlebih dahulu' : 'Pilih satu atau beberapa Profil Lulusan' }}</option>
                                                            @foreach ($graduateProfileOptions as $optionValue => $optionLabel)
                                                                <option value="{{ $optionValue }}">{{ $optionLabel }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                @elseif ($sectionKey === 'faculty_course_cpl_cpmk_map' && $columnKey === 'study_program_cpl_relation')
                                                    @php
                                                        $selectedCplRelations = $parseStoredTagValues($row[$columnKey] ?? '', $learningOutcomeDisplayOptions);
                                                    @endphp
                                                    <div
                                                        class="curriculum-tag-select"
                                                        data-cpl-tag-select
                                                        data-selected='@json($selectedCplRelations)'
                                                        data-options='@json($learningOutcomeDisplayOptions)'
                                                    >
                                                        <input type="hidden" name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" value='@json($selectedCplRelations)' data-cpl-hidden-input>
                                                        <div class="curriculum-tag-list" data-cpl-tag-list></div>
                                                        <select data-cpl-option-select>
                                                            <option value="">{{ blank($learningOutcomeDisplayOptions) ? 'Isi data CPL terlebih dahulu' : 'Pilih satu atau beberapa Keterkaitan CPL Prodi' }}</option>
                                                            @foreach ($learningOutcomeDisplayOptions as $optionValue => $optionLabel)
                                                                <option value="{{ $optionValue }}">{{ $optionLabel }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                @elseif ($sectionKey === 'faculty_course_cpl_cpmk_map' && $columnKey === 'course_cpmk')
                                                    <div class="curriculum-tag-select" data-text-tag-container>
                                                        <input
                                                            type="hidden"
                                                            name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]"
                                                            value="{{ $row[$columnKey] ?? '' }}"
                                                            data-text-tag-hidden-input
                                                        >
                                                        <div class="curriculum-tag-list" data-text-tag-list></div>
                                                        <input
                                                            type="text"
                                                            placeholder="Ketik CPMK lalu tekan Enter"
                                                            data-text-tag-input
                                                        >
                                                    </div>
                                                @elseif (str_contains(strtolower($label), 'deskripsi') || str_contains(strtolower($label), 'profil') || str_contains(strtolower($label), 'mata kuliah') || str_contains(strtolower($label), 'bahan kajian') || str_contains(strtolower($label), 'cpl') || str_contains(strtolower($label), 'cpmk'))
                                                    <textarea name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" rows="3" placeholder="{{ $label }}">{{ $row[$columnKey] ?? '' }}</textarea>
                                                @else
                                                    <input name="{{ $sectionKey }}[{{ $rowIndex }}][{{ $columnKey }}]" value="{{ $row[$columnKey] ?? '' }}" placeholder="{{ $label }}">
                                                @endif
                                            </td>
                                        @endforeach
                                        <td style="{{ $getActionStyle($sectionKey) }}">
                                            <div class="curriculum-row-tools{{ $sectionKey === 'course_structure' ? '' : ' compact' }}">
                                                @if ($sectionKey === 'course_structure')
                                                    <button class="btn secondary curriculum-drag-handle" type="button" title="Klik dan tahan lalu geser">Geser</button>
                                                    <div class="curriculum-jump-tools">
                                                        <input
                                                            class="curriculum-jump-input"
                                                            type="number"
                                                            min="1"
                                                            step="1"
                                                            placeholder="No"
                                                            data-curriculum-jump-input
                                                        >
                                                        <button class="btn secondary curriculum-jump-button" type="button">Pindah</button>
                                                    </div>
                                                    <button class="btn secondary curriculum-move-up" type="button">Naik</button>
                                                    <button class="btn secondary curriculum-move-down" type="button">Turun</button>
                                                @endif
                                                <button
                                                    class="btn secondary curriculum-insert-above"
                                                    type="button"
                                                    aria-label="Tambah baris di atas"
                                                    title="Tambah baris di atas"
                                                >↑</button>
                                                <button
                                                    class="btn secondary curriculum-insert-below"
                                                    type="button"
                                                    aria-label="Tambah baris di bawah"
                                                    title="Tambah baris di bawah"
                                                >↓</button>
                                                <button
                                                    class="btn secondary curriculum-remove-row"
                                                    type="button"
                                                    aria-label="Hapus baris"
                                                    title="Hapus baris"
                                                >×</button>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <div class="actions" style="margin-top: 14px;">
                        <button
                            class="btn secondary curriculum-add-row"
                            type="button"
                            data-section="{{ $sectionKey }}"
                            data-columns='@json($section["columns"])'
                        >
                            Tambah Baris
                        </button>
                        <a class="btn secondary" href="{{ route('admin.curriculum.export-pdf', $sectionKey) }}">Export PDF</a>
                        <button class="btn" type="submit">Simpan Bagian</button>
                    </div>
                </div>
            </form>
        @endforeach

        <div class="actions" style="margin-top: 20px;">
            <a class="btn secondary" href="{{ route('admin.settings.edit') }}">Buka Identitas & Logo</a>
            <a class="btn secondary" href="{{ route('admin.ai-source-priorities.edit') }}">Atur Prioritas Sumber AI</a>
            <a class="btn secondary" href="{{ route('dashboard') }}">Kembali ke Dashboard</a>
        </div>
    </div>

    <script>
        const curriculumCplOptions = @json($supportedCplOptions);
        const curriculumStudyMaterialCodeOptions = @json($studyMaterialCodeToMaterialOptions);
        const curriculumStudyMaterialOptions = @json($studyMaterialOptions);
        const curriculumStudyMaterialPairs = @json($studyMaterialPairs);
        const curriculumCourseOptionsByStudyMaterialCode = @json($courseOptionsByStudyMaterialCodeLookup);
        const curriculumMatrixBkOptions = @json($curriculumMatrixBkOptions);
        const curriculumMatrixBkOptionsLookup = @json($curriculumMatrixBkOptionsLookup);
        const curriculumMatrixCourseOptionsByBk = @json($curriculumMatrixCourseOptionsByBk);
        const curriculumMatrixSksOptionsByBkCourse = @json($curriculumMatrixSksOptionsByBkCourse);
        const curriculumMatrixSupportedCplOptions = @json($curriculumMatrixSupportedCplOptions);
        const curriculumMapSeedRows = @json($curriculumMapSeedRows);
        const curriculumMapCourseOptions = @json($curriculumMapCourseOptions);
        const curriculumMapSksByCourseName = @json($curriculumMapSksByCourseName);
        const curriculumMapSupportedCplByCourseName = @json($curriculumMapSupportedCplByCourseName);
        const courseCplCpmkCourseOptions = @json($courseCplCpmkCourseOptions);
        const courseCplCpmkCplByCourseName = @json($courseCplCpmkCplByCourseName);
        const courseCplCpmkSeedRows = @json($courseCplCpmkSeedRows);
        const curriculumCourseStructureSourceRows = @json($courseStructureSeedRows);
        const curriculumSemesterOptions = @json($semesterOptions);
        const curriculumCourseStructureCourseOptions = @json($courseStructureCourseOptions);
        const curriculumCoursePrerequisiteOptions = @json($courseStructureAllCourseOptions);
        const curriculumCourseStructureSemesterSksMap = @json($courseStructureSemesterSksMap);
        const curriculumGraduateProfileOptions = @json($graduateProfileOptions);
        const curriculumLearningOutcomeDisplayOptions = @json($learningOutcomeDisplayOptions);
        let courseStructureAutoScrollFrame = null;
        let courseStructureAutoScrollDirection = 0;
        let courseStructureAutoScrollContainer = null;

        function normalizeBkCode(code) {
            return String(code || '')
                .trim()
                .replace(/\s*-\s*/g, '-')
                .replace(/\s+/g, ' ');
        }

        function normalizeCurriculumBkLabel(label) {
            const normalized = String(label || '').trim().replace(/\s+/g, ' ');
            const match = normalized.match(/^(BK)\s*-\s*(\d+)\s*(?:-\s*)?(.*)$/i);

            if (!match) {
                return normalized;
            }

            const code = normalizeBkCode(`${match[1]}-${match[2]}`);
            const material = String(match[3] || '').trim().replace(/\s+/g, ' ');

            return material ? `${code}-${material}` : code;
        }

        function initializeCplTagSelect(container) {
            if (!container) {
                return;
            }

            const hiddenInput = container.querySelector('[data-cpl-hidden-input]');
            const tagList = container.querySelector('[data-cpl-tag-list]');
            const select = container.querySelector('[data-cpl-option-select]');
            const options = JSON.parse(container.dataset.options || '{}');
            let selectedValues = JSON.parse(container.dataset.selected || '[]');

            const sync = () => {
                hiddenInput.value = JSON.stringify(selectedValues);
                tagList.innerHTML = '';

                selectedValues.forEach((value) => {
                    const tag = document.createElement('span');
                    tag.className = 'curriculum-tag';
                    tag.textContent = options[value] || value;

                    const removeButton = document.createElement('button');
                    removeButton.type = 'button';
                    removeButton.className = 'curriculum-tag-remove';
                    removeButton.textContent = '×';
                    removeButton.setAttribute('aria-label', `Hapus ${options[value] || value}`);
                    removeButton.addEventListener('click', () => {
                        selectedValues = selectedValues.filter((item) => item !== value);
                        sync();
                    });

                    tag.appendChild(removeButton);
                    tagList.appendChild(tag);
                });

                Array.from(select.options).forEach((option, index) => {
                    if (index === 0) {
                        return;
                    }

                    option.disabled = selectedValues.includes(option.value);
                });
            };

            select.addEventListener('change', () => {
                if (select.value && !selectedValues.includes(select.value)) {
                    selectedValues.push(select.value);
                    sync();
                }

                select.value = '';
            });

            sync();
        }

        function initializeTextTagInput(container) {
            if (!container) {
                return;
            }

            const hiddenInput = container.querySelector('[data-text-tag-hidden-input]');
            const tagList = container.querySelector('[data-text-tag-list]');
            const textInput = container.querySelector('[data-text-tag-input]');

            if (!hiddenInput || !tagList || !textInput) {
                return;
            }

            const parseStoredTextTagValues = (rawValue) => {
                if (Array.isArray(rawValue)) {
                    return rawValue
                        .flatMap((item) => parseStoredTextTagValues(item))
                        .map((value) => value.trim())
                        .filter(Boolean);
                }

                const text = String(rawValue || '').trim();

                if (!text) {
                    return [];
                }

                if ((text.startsWith('[') && text.endsWith(']')) || (text.startsWith('{') && text.endsWith('}'))) {
                    try {
                        const decoded = JSON.parse(text);

                        if (Array.isArray(decoded)) {
                            return decoded
                                .flatMap((item) => parseStoredTextTagValues(item))
                                .map((value) => value.trim())
                                .filter(Boolean);
                        }
                    } catch (error) {
                        // Fallback to delimiter parsing below for malformed legacy values.
                    }
                }

                return text
                    .split('|')
                    .map((value) => value.trim())
                    .filter(Boolean);
            };

            let values = parseStoredTextTagValues(hiddenInput.value);

            const sync = () => {
                hiddenInput.value = values.join(' | ');
                tagList.innerHTML = '';

                values.forEach((value, index) => {
                    const tag = document.createElement('span');
                    tag.className = 'curriculum-tag';
                    tag.textContent = `${index + 1}. ${value}`;

                    const removeButton = document.createElement('button');
                    removeButton.type = 'button';
                    removeButton.className = 'curriculum-tag-remove';
                    removeButton.textContent = '×';
                    removeButton.setAttribute('aria-label', `Hapus CPMK ${value}`);
                    removeButton.addEventListener('click', () => {
                        values = values.filter((_, itemIndex) => itemIndex !== index);
                        sync();
                    });

                    tag.appendChild(removeButton);
                    tagList.appendChild(tag);
                });
            };

            if (textInput.dataset.tagInputBound !== 'true') {
                textInput.addEventListener('keydown', (event) => {
                    if (event.key !== 'Enter') {
                        return;
                    }

                    event.preventDefault();

                    const nextValue = textInput.value.trim();

                    if (!nextValue) {
                        return;
                    }

                    values.push(nextValue);
                    textInput.value = '';
                    sync();
                });

                textInput.dataset.tagInputBound = 'true';
            }

            sync();
        }

        function initializeStudyMaterialLinking(scope) {
            const root = scope || document;
            const rows = root.matches && root.matches('tr')
                ? [root]
                : Array.from(root.querySelectorAll('tr'));

            rows.forEach((row) => {
                const codeSelect = row.querySelector('[data-study-material-code-select]');
                const materialSelect = row.querySelector('[data-study-material-select]');
                const courseSelect = row.querySelector('[data-course-name-select]');

                if (!codeSelect || !materialSelect || codeSelect.dataset.materialLinked === 'true') {
                    return;
                }

                const syncCourseOptions = () => {
                    if (!courseSelect) {
                        return;
                    }

                    const currentValue = courseSelect.value;
                    const normalizedCode = normalizeBkCode(codeSelect.value);
                    const courseOptions = curriculumCourseOptionsByStudyMaterialCode[codeSelect.value]
                        || curriculumCourseOptionsByStudyMaterialCode[normalizedCode]
                        || [];
                    courseSelect.innerHTML = '';

                    const placeholderOption = document.createElement('option');
                    placeholderOption.value = '';
                    placeholderOption.textContent = courseOptions.length > 0 ? 'Pilih Mata Kuliah' : 'Pilih Kode BK terlebih dahulu';
                    courseSelect.appendChild(placeholderOption);

                    courseOptions.forEach((courseName) => {
                        const option = document.createElement('option');
                        option.value = courseName;
                        option.textContent = courseName;
                        if (courseName === currentValue) {
                            option.selected = true;
                        }
                        courseSelect.appendChild(option);
                    });

                    if (!courseOptions.includes(currentValue)) {
                        courseSelect.value = '';
                    }
                };

                const syncMaterial = () => {
                    const matchedFromOption = codeSelect.selectedOptions[0]?.dataset.studyMaterial || '';
                    const matchedMaterial = matchedFromOption || curriculumStudyMaterialPairs[codeSelect.value] || '';
                    materialSelect.value = matchedMaterial;
                    syncCourseOptions();
                };

                codeSelect.addEventListener('change', syncMaterial);
                codeSelect.dataset.materialLinked = 'true';
                syncMaterial();
            });
        }

        function initializeFacultyCourseLinking(scope) {
            const root = scope || document;
            const rows = root.matches && root.matches('tr')
                ? [root]
                : Array.from(root.querySelectorAll('tr'));

            rows.forEach((row) => {
                const courseSelect = row.querySelector('[data-faculty-course-select]');
                const semesterSksInput = row.querySelector('[data-semester-sks-input]');

                if (!courseSelect || !semesterSksInput || courseSelect.dataset.facultyLinked === 'true') {
                    return;
                }

                const syncSemesterSks = () => {
                    semesterSksInput.value = curriculumCourseStructureSemesterSksMap[courseSelect.value] || '';
                };

                courseSelect.addEventListener('change', syncSemesterSks);
                courseSelect.dataset.facultyLinked = 'true';
                syncSemesterSks();
            });
        }

        function initializeCurriculumMatrixLinking(scope) {
            const root = scope || document;
            const rows = root.matches && root.matches('tr')
                ? [root]
                : Array.from(root.querySelectorAll('tr'));

            rows.forEach((row) => {
                const bkSelect = row.querySelector('[data-curriculum-matrix-bk-select]');
                const courseSelect = row.querySelector('[data-curriculum-matrix-course-select]');
                const sksSelect = row.querySelector('[data-curriculum-matrix-sks-select]');

                if (!bkSelect || !courseSelect || !sksSelect || bkSelect.dataset.matrixLinked === 'true') {
                    return;
                }

                const syncSksOptions = () => {
                    const currentValue = sksSelect.value;
                    const normalizedBkLabel = normalizeCurriculumBkLabel(bkSelect.value);
                    const sksOptions = curriculumMatrixSksOptionsByBkCourse[normalizedBkLabel]?.[courseSelect.value] || [];
                    sksSelect.innerHTML = '';

                    const placeholderOption = document.createElement('option');
                    placeholderOption.value = '';
                    placeholderOption.textContent = courseSelect.value !== ''
                        ? (sksOptions.length > 0 ? 'Pilih SKS' : 'SKS belum diisi di data sumber')
                        : 'Pilih Mata Kuliah terlebih dahulu';
                    sksSelect.appendChild(placeholderOption);

                    sksOptions.forEach((sksValue) => {
                        const option = document.createElement('option');
                        option.value = sksValue;
                        option.textContent = sksValue;
                        if (sksValue === currentValue) {
                            option.selected = true;
                        }
                        sksSelect.appendChild(option);
                    });

                    if (!sksOptions.includes(currentValue)) {
                        sksSelect.value = sksOptions.length > 0 ? sksOptions[0] : '';
                    }
                };

                const syncCourseOptions = () => {
                    const currentValue = courseSelect.value;
                    const normalizedBkLabel = normalizeCurriculumBkLabel(bkSelect.value);
                    const canonicalBkLabel = curriculumMatrixBkOptionsLookup[bkSelect.value]
                        || curriculumMatrixBkOptionsLookup[normalizedBkLabel]
                        || '';
                    const courseOptions = curriculumMatrixCourseOptionsByBk[normalizedBkLabel] || [];

                    if (canonicalBkLabel && bkSelect.value !== canonicalBkLabel) {
                        bkSelect.value = canonicalBkLabel;
                    }

                    courseSelect.innerHTML = '';

                    const placeholderOption = document.createElement('option');
                    placeholderOption.value = '';
                    placeholderOption.textContent = courseOptions.length > 0 ? 'Pilih Mata Kuliah' : 'Pilih Bahan Kajian (BK) terlebih dahulu';
                    courseSelect.appendChild(placeholderOption);

                    courseOptions.forEach((courseValue) => {
                        const option = document.createElement('option');
                        option.value = courseValue;
                        option.textContent = courseValue;
                        if (courseValue === currentValue) {
                            option.selected = true;
                        }
                        courseSelect.appendChild(option);
                    });

                    if (!courseOptions.includes(currentValue)) {
                        courseSelect.value = '';
                    }

                    syncSksOptions();
                };

                bkSelect.addEventListener('change', syncCourseOptions);
                courseSelect.addEventListener('change', syncSksOptions);
                bkSelect.dataset.matrixLinked = 'true';
                syncCourseOptions();
            });
        }

        function syncAutoNumbers(scope) {
            const root = scope || document;
            const tables = root.matches && root.matches('[data-curriculum-table]')
                ? [root]
                : Array.from(root.querySelectorAll('[data-curriculum-table]'));

            tables.forEach((table) => {
                const rows = table.querySelectorAll('tbody tr');

                rows.forEach((row, index) => {
                    const numberInput = row.querySelector('[data-auto-number]');

                    if (numberInput) {
                        numberInput.value = String(index + 1);
                    }
                });
            });
        }

        function initializeCurriculumMapLinking(scope) {
            const root = scope || document;
            const rows = root.matches && root.matches('tr')
                ? [root]
                : Array.from(root.querySelectorAll('tr'));

            rows.forEach((row) => {
                const courseSelect = row.querySelector('[data-curriculum-map-course-select]');
                const sksInput = row.querySelector('[data-curriculum-map-sks-input]');
                const cplCheckboxes = Array.from(row.querySelectorAll('[data-curriculum-map-cpl-checkbox]'));

                if (!courseSelect || !sksInput || cplCheckboxes.length === 0 || courseSelect.dataset.curriculumMapLinked === 'true') {
                    return;
                }

                const syncRow = () => {
                    const selectedCourse = courseSelect.value;
                    sksInput.value = curriculumMapSksByCourseName[selectedCourse] || '';

                    const supportedCpls = curriculumMapSupportedCplByCourseName[selectedCourse] || [];

                    cplCheckboxes.forEach((checkbox) => {
                        checkbox.checked = supportedCpls.includes(checkbox.dataset.cplCode || '');
                    });
                };

                courseSelect.addEventListener('change', syncRow);
                courseSelect.dataset.curriculumMapLinked = 'true';
                syncRow();
            });
        }

        function nextCourseStructureNumber(tbody) {
            const numbers = Array.from(tbody.querySelectorAll('[data-course-structure-number]'))
                .map((input) => Number.parseInt(input.value, 10))
                .filter((value) => Number.isFinite(value));

            return numbers.length > 0 ? Math.max(...numbers) + 1 : 1;
        }

        function syncCourseStructureNumbers(scope) {
            syncAutoNumbers(scope);
        }

        function stopCourseStructureAutoScroll() {
            courseStructureAutoScrollDirection = 0;
            courseStructureAutoScrollContainer = null;

            if (courseStructureAutoScrollFrame) {
                cancelAnimationFrame(courseStructureAutoScrollFrame);
                courseStructureAutoScrollFrame = null;
            }
        }

        function startCourseStructureAutoScroll(container, direction) {
            courseStructureAutoScrollContainer = container;
            courseStructureAutoScrollDirection = direction;

            if (courseStructureAutoScrollFrame) {
                return;
            }

            const tick = () => {
                if (!courseStructureAutoScrollContainer || courseStructureAutoScrollDirection === 0) {
                    courseStructureAutoScrollFrame = null;
                    return;
                }

                courseStructureAutoScrollContainer.scrollTop += courseStructureAutoScrollDirection * 12;
                window.scrollBy(0, courseStructureAutoScrollDirection * 8);
                courseStructureAutoScrollFrame = requestAnimationFrame(tick);
            };

            courseStructureAutoScrollFrame = requestAnimationFrame(tick);
        }

        function initializeCourseStructureDragAndDrop(scope) {
            const root = scope || document;
            const rows = root.matches && root.matches('[data-course-structure-row]')
                ? [root]
                : Array.from(root.querySelectorAll('[data-course-structure-row]'));

            rows.forEach((row) => {
                if (row.dataset.dragInitialized === 'true') {
                    return;
                }

                row.addEventListener('dragstart', (event) => {
                    row.classList.add('curriculum-row-dragging');
                    event.dataTransfer.effectAllowed = 'move';
                    event.dataTransfer.setData('text/plain', '');
                });

                row.addEventListener('dragend', () => {
                    row.classList.remove('curriculum-row-dragging');
                    document.querySelectorAll('.curriculum-row-drop-target').forEach((item) => {
                        item.classList.remove('curriculum-row-drop-target');
                    });
                    stopCourseStructureAutoScroll();

                    const shell = row.closest('[data-curriculum-table="course_structure"]');
                    if (shell) {
                        syncCourseStructureNumbers(shell);
                    }
                });

                row.addEventListener('dragover', (event) => {
                    event.preventDefault();
                    const draggingRow = document.querySelector('.curriculum-row-dragging');

                    if (!draggingRow || draggingRow === row) {
                        return;
                    }

                    const rect = row.getBoundingClientRect();
                    const insertBefore = event.clientY < rect.top + rect.height / 2;
                    row.classList.add('curriculum-row-drop-target');
                    const shell = row.closest('[data-curriculum-table="course_structure"]');
                    const scrollContainer = shell?.closest('.curriculum-table-shell');

                    if (scrollContainer) {
                        const containerRect = scrollContainer.getBoundingClientRect();
                        const edgeThreshold = 72;

                        if (event.clientY < containerRect.top + edgeThreshold) {
                            startCourseStructureAutoScroll(scrollContainer, -1);
                        } else if (event.clientY > containerRect.bottom - edgeThreshold) {
                            startCourseStructureAutoScroll(scrollContainer, 1);
                        } else {
                            stopCourseStructureAutoScroll();
                        }
                    }

                    if (insertBefore) {
                        row.parentNode.insertBefore(draggingRow, row);
                    } else {
                        row.parentNode.insertBefore(draggingRow, row.nextSibling);
                    }
                });

                row.addEventListener('dragleave', () => {
                    row.classList.remove('curriculum-row-drop-target');
                });

                row.addEventListener('drop', (event) => {
                    event.preventDefault();
                    row.classList.remove('curriculum-row-drop-target');
                    stopCourseStructureAutoScroll();
                    const shell = row.closest('[data-curriculum-table="course_structure"]');
                    if (shell) {
                        syncCourseStructureNumbers(shell);
                    }
                });

                row.dataset.dragInitialized = 'true';
            });
        }

        document.addEventListener('click', function (event) {
            const addButton = event.target.closest('.curriculum-add-row');

            if (addButton) {
                const sectionKey = addButton.dataset.section;
                const columns = JSON.parse(addButton.dataset.columns);
                const shell = document.querySelector('[data-curriculum-table="' + sectionKey + '"]');
                const tbody = shell.querySelector('[data-curriculum-rows]');
                const rowIndex = tbody.querySelectorAll('tr').length;
                const row = document.createElement('tr');
                const courseStructureSeedRow = sectionKey === 'course_structure'
                    ? (curriculumCourseStructureSourceRows[rowIndex] || null)
                    : null;
                const curriculumMapSeedRow = sectionKey === 'curriculum_map'
                    ? (curriculumMapSeedRows[rowIndex] || null)
                    : null;
                const courseCplCpmkSeedRow = sectionKey === 'course_cpl_cpmk_map'
                    ? (courseCplCpmkSeedRows[rowIndex] || null)
                    : null;
                const autoNumber = String(tbody.querySelectorAll('tr').length + 1);

                if (sectionKey === 'course_structure') {
                    row.setAttribute('draggable', 'true');
                    row.setAttribute('data-course-structure-row', '');
                }

                Object.entries(columns).forEach(([columnKey, label]) => {
                    const td = document.createElement('td');
                    const lowerLabel = label.toLowerCase();
                    const useTextarea = lowerLabel.includes('deskripsi')
                        || lowerLabel.includes('profil')
                        || lowerLabel.includes('mata kuliah')
                        || lowerLabel.includes('bahan kajian')
                        || lowerLabel.includes('cpl')
                        || lowerLabel.includes('cpmk');

                    if (columnKey === 'number') {
                        const input = document.createElement('input');
                        input.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        input.value = curriculumMapSeedRow?.number || courseStructureSeedRow?.number || autoNumber;
                        input.placeholder = label;
                        input.readOnly = true;
                        input.setAttribute('data-auto-number', '');
                        td.appendChild(input);
                    } else if (columnKey === 'supported_cpl_code') {
                        const wrapper = document.createElement('div');
                        wrapper.className = 'curriculum-tag-select';
                        wrapper.setAttribute('data-cpl-tag-select', '');
                        wrapper.dataset.selected = '[]';
                        wrapper.dataset.options = JSON.stringify(curriculumCplOptions);

                        const hiddenInput = document.createElement('input');
                        hiddenInput.type = 'hidden';
                        hiddenInput.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        hiddenInput.setAttribute('data-cpl-hidden-input', '');

                        const tagList = document.createElement('div');
                        tagList.className = 'curriculum-tag-list';
                        tagList.setAttribute('data-cpl-tag-list', '');

                        const select = document.createElement('select');
                        select.setAttribute('data-cpl-option-select', '');

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = '{{ blank($supportedCplOptions) ? 'Isi data CPL terlebih dahulu' : 'Pilih satu atau beberapa CPL' }}';
                        select.appendChild(placeholderOption);

                        Object.entries(curriculumCplOptions).forEach(([optionValue, optionLabel]) => {
                            const option = document.createElement('option');
                            option.value = optionValue;
                            option.textContent = optionLabel;
                            select.appendChild(option);
                        });

                        wrapper.appendChild(hiddenInput);
                        wrapper.appendChild(tagList);
                        wrapper.appendChild(select);
                        td.appendChild(wrapper);
                        initializeCplTagSelect(wrapper);
                    } else if (sectionKey === 'study_material_course_weights' && columnKey === 'study_material_code') {
                        const select = document.createElement('select');
                        select.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        select.setAttribute('data-study-material-code-select', '');

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = '{{ blank($studyMaterialCodeOptions) ? 'Isi data Kode Bahan Kajian terlebih dahulu' : 'Pilih Kode BK' }}';
                        select.appendChild(placeholderOption);

                        curriculumStudyMaterialCodeOptions.forEach((item) => {
                            const option = document.createElement('option');
                            option.value = item.code;
                            option.textContent = item.code;
                            option.dataset.studyMaterial = item.material;
                            select.appendChild(option);
                        });

                        td.appendChild(select);
                    } else if (sectionKey === 'study_material_course_weights' && columnKey === 'study_material') {
                        const select = document.createElement('select');
                        select.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        select.setAttribute('data-study-material-select', '');

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = '{{ blank($studyMaterialOptions) ? 'Isi data Bahan Kajian terlebih dahulu' : 'Pilih Bahan Kajian' }}';
                        select.appendChild(placeholderOption);

                        Object.entries(curriculumStudyMaterialOptions).forEach(([optionValue, optionLabel]) => {
                            const option = document.createElement('option');
                            option.value = optionValue;
                            option.textContent = optionLabel;
                            select.appendChild(option);
                        });

                        td.appendChild(select);
                    } else if (sectionKey === 'study_material_course_weights' && columnKey === 'course_name') {
                        const select = document.createElement('select');
                        select.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        select.setAttribute('data-course-name-select', '');

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = 'Pilih Kode BK terlebih dahulu';
                        select.appendChild(placeholderOption);

                        td.appendChild(select);
                    } else if (sectionKey === 'curriculum_matrix' && columnKey === 'study_material') {
                        const select = document.createElement('select');
                        select.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        select.setAttribute('data-curriculum-matrix-bk-select', '');

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = Object.keys(curriculumMatrixBkOptions).length > 0
                            ? 'Pilih Bahan Kajian (BK)'
                            : 'Isi data Bahan Kajian, Bobot SKS, dan Mata Kuliah terlebih dahulu';
                        select.appendChild(placeholderOption);

                        Object.entries(curriculumMatrixBkOptions).forEach(([optionValue, optionLabel]) => {
                            const option = document.createElement('option');
                            option.value = optionValue;
                            option.textContent = optionLabel;
                            select.appendChild(option);
                        });

                        td.appendChild(select);
                    } else if (sectionKey === 'curriculum_matrix' && columnKey === 'course_name') {
                        const select = document.createElement('select');
                        select.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        select.setAttribute('data-curriculum-matrix-course-select', '');

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = 'Pilih Bahan Kajian (BK) terlebih dahulu';
                        select.appendChild(placeholderOption);

                        td.appendChild(select);
                    } else if (sectionKey === 'curriculum_matrix' && columnKey === 'sks') {
                        const select = document.createElement('select');
                        select.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        select.setAttribute('data-curriculum-matrix-sks-select', '');

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = 'Pilih Mata Kuliah terlebih dahulu';
                        select.appendChild(placeholderOption);

                        td.appendChild(select);
                    } else if (sectionKey === 'curriculum_matrix' && columnKey === 'supported_cpl') {
                        const wrapper = document.createElement('div');
                        wrapper.className = 'curriculum-tag-select';
                        wrapper.setAttribute('data-cpl-tag-select', '');
                        wrapper.dataset.selected = '[]';
                        wrapper.dataset.options = JSON.stringify(curriculumMatrixSupportedCplOptions);

                        const hiddenInput = document.createElement('input');
                        hiddenInput.type = 'hidden';
                        hiddenInput.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        hiddenInput.setAttribute('data-cpl-hidden-input', '');

                        const tagList = document.createElement('div');
                        tagList.className = 'curriculum-tag-list';
                        tagList.setAttribute('data-cpl-tag-list', '');

                        const select = document.createElement('select');
                        select.setAttribute('data-cpl-option-select', '');

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = Object.keys(curriculumMatrixSupportedCplOptions).length > 0
                            ? 'Pilih satu atau beberapa CPL yang Didukung'
                            : 'Isi data CPL terlebih dahulu';
                        select.appendChild(placeholderOption);

                        Object.entries(curriculumMatrixSupportedCplOptions).forEach(([optionValue, optionLabel]) => {
                            const option = document.createElement('option');
                            option.value = optionValue;
                            option.textContent = optionLabel;
                            select.appendChild(option);
                        });

                        wrapper.appendChild(hiddenInput);
                        wrapper.appendChild(tagList);
                        wrapper.appendChild(select);
                        td.appendChild(wrapper);
                        initializeCplTagSelect(wrapper);
                    } else if (sectionKey === 'curriculum_map' && columnKey === 'course_name') {
                        const select = document.createElement('select');
                        select.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        select.setAttribute('data-curriculum-map-course-select', '');

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = Object.keys(curriculumMapCourseOptions).length > 0
                            ? 'Pilih Mata Kuliah'
                            : 'Isi Matriks Kurikulum terlebih dahulu';
                        select.appendChild(placeholderOption);

                        Object.entries(curriculumMapCourseOptions).forEach(([optionValue, optionLabel]) => {
                            const option = document.createElement('option');
                            option.value = optionValue;
                            option.textContent = optionLabel;
                            if ((curriculumMapSeedRow?.course_name || '') === optionValue) {
                                option.selected = true;
                            }
                            select.appendChild(option);
                        });

                        td.appendChild(select);
                    } else if (sectionKey === 'curriculum_map' && columnKey === 'sks') {
                        const input = document.createElement('input');
                        input.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        input.value = curriculumMapSeedRow?.sks || '';
                        input.placeholder = label;
                        input.readOnly = true;
                        input.setAttribute('data-curriculum-map-sks-input', '');
                        td.appendChild(input);
                    } else if (sectionKey === 'curriculum_map' && /^cpl_(\d+)$/.test(columnKey)) {
                        const cplNumber = columnKey.replace('cpl_', '');
                        const cplCode = `CPL-${cplNumber}`;
                        const wrapper = document.createElement('label');
                        wrapper.className = 'curriculum-check-option';

                        const hiddenInput = document.createElement('input');
                        hiddenInput.type = 'hidden';
                        hiddenInput.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        hiddenInput.value = '';
                        hiddenInput.setAttribute('data-curriculum-map-cpl-hidden', '');

                        const checkbox = document.createElement('input');
                        checkbox.type = 'checkbox';
                        checkbox.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        checkbox.value = '1';
                        checkbox.setAttribute('data-curriculum-map-cpl-checkbox', '');
                        checkbox.dataset.cplCode = cplCode;
                        checkbox.checked = (curriculumMapSeedRow?.[columnKey] || '') !== '';

                        wrapper.appendChild(hiddenInput);
                        wrapper.appendChild(checkbox);
                        td.appendChild(wrapper);
                    } else if (sectionKey === 'course_cpl_cpmk_map' && columnKey === 'course_name') {
                        const textarea = document.createElement('textarea');
                        textarea.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        textarea.rows = 3;
                        textarea.placeholder = label;
                        textarea.readOnly = true;
                        textarea.value = courseCplCpmkSeedRow?.course_name || '';
                        td.appendChild(textarea);
                    } else if (sectionKey === 'course_cpl_cpmk_map' && columnKey === 'cpl') {
                        const textarea = document.createElement('textarea');
                        textarea.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        textarea.rows = 3;
                        textarea.placeholder = label;
                        textarea.readOnly = true;
                        textarea.value = courseCplCpmkSeedRow?.cpl || '';
                        td.appendChild(textarea);
                    } else if (sectionKey === 'course_cpl_cpmk_map' && columnKey === 'cpmk') {
                        const wrapper = document.createElement('div');
                        wrapper.className = 'curriculum-tag-select';
                        wrapper.setAttribute('data-text-tag-container', '');

                        const hiddenInput = document.createElement('input');
                        hiddenInput.type = 'hidden';
                        hiddenInput.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        hiddenInput.setAttribute('data-text-tag-hidden-input', '');

                        const tagList = document.createElement('div');
                        tagList.className = 'curriculum-tag-list';
                        tagList.setAttribute('data-text-tag-list', '');

                        const textInput = document.createElement('input');
                        textInput.type = 'text';
                        textInput.placeholder = 'Ketik CPMK lalu tekan Enter';
                        textInput.setAttribute('data-text-tag-input', '');

                        wrapper.appendChild(hiddenInput);
                        wrapper.appendChild(tagList);
                        wrapper.appendChild(textInput);
                        td.appendChild(wrapper);
                        initializeTextTagInput(wrapper);
                    } else if (sectionKey === 'course_structure' && columnKey === 'course_name') {
                        const input = document.createElement('input');
                        input.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        input.value = courseStructureSeedRow?.course_name || '';
                        input.placeholder = label;
                        input.setAttribute('data-course-structure-course-name', '');
                        td.appendChild(input);
                    } else if (sectionKey === 'course_structure' && columnKey === 'sks') {
                        const input = document.createElement('input');
                        input.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        input.value = courseStructureSeedRow?.sks || '';
                        input.placeholder = label;
                        td.appendChild(input);
                    } else if (sectionKey === 'course_structure' && columnKey === 'semester') {
                        const select = document.createElement('select');
                        select.name = `${sectionKey}[${rowIndex}][${columnKey}]`;

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = 'Pilih Semester';
                        select.appendChild(placeholderOption);

                        curriculumSemesterOptions.forEach((semesterOption) => {
                            const option = document.createElement('option');
                            option.value = semesterOption;
                            option.textContent = semesterOption;
                            select.appendChild(option);
                        });

                        td.appendChild(select);
                    } else if (sectionKey === 'course_prerequisites' && columnKey === 'course_name') {
                        const select = document.createElement('select');
                        select.name = `${sectionKey}[${rowIndex}][${columnKey}]`;

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = Object.keys(curriculumCoursePrerequisiteOptions).length > 0
                            ? 'Pilih Mata Kuliah'
                            : 'Isi Struktur Mata Kuliah terlebih dahulu';
                        select.appendChild(placeholderOption);

                        Object.entries(curriculumCoursePrerequisiteOptions).forEach(([optionValue, optionLabel]) => {
                            const option = document.createElement('option');
                            option.value = optionValue;
                            option.textContent = optionLabel;
                            select.appendChild(option);
                        });

                        td.appendChild(select);
                    } else if (sectionKey === 'course_prerequisites' && columnKey === 'prerequisite_courses') {
                        const wrapper = document.createElement('div');
                        wrapper.className = 'curriculum-tag-select';
                        wrapper.setAttribute('data-cpl-tag-select', '');
                        wrapper.dataset.selected = '[]';
                        wrapper.dataset.options = JSON.stringify(curriculumCoursePrerequisiteOptions);

                        const hiddenInput = document.createElement('input');
                        hiddenInput.type = 'hidden';
                        hiddenInput.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        hiddenInput.setAttribute('data-cpl-hidden-input', '');

                        const tagList = document.createElement('div');
                        tagList.className = 'curriculum-tag-list';
                        tagList.setAttribute('data-cpl-tag-list', '');

                        const select = document.createElement('select');
                        select.setAttribute('data-cpl-option-select', '');

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = Object.keys(curriculumCoursePrerequisiteOptions).length > 0
                            ? 'Pilih satu atau beberapa Mata Kuliah Syarat'
                            : 'Isi Struktur Mata Kuliah terlebih dahulu';
                        select.appendChild(placeholderOption);

                        Object.entries(curriculumCoursePrerequisiteOptions).forEach(([optionValue, optionLabel]) => {
                            const option = document.createElement('option');
                            option.value = optionValue;
                            option.textContent = optionLabel;
                            select.appendChild(option);
                        });

                        wrapper.appendChild(hiddenInput);
                        wrapper.appendChild(tagList);
                        wrapper.appendChild(select);
                        td.appendChild(wrapper);
                        initializeCplTagSelect(wrapper);
                    } else if (sectionKey === 'faculty_course_cpl_cpmk_map' && columnKey === 'faculty_course') {
                        const select = document.createElement('select');
                        select.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        select.setAttribute('data-faculty-course-select', '');

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = Object.keys(curriculumCourseStructureCourseOptions).length > 0
                            ? 'Pilih Mata Kuliah Wajib Fakultas'
                            : 'Isi Struktur Mata Kuliah terlebih dahulu';
                        select.appendChild(placeholderOption);

                        Object.entries(curriculumCourseStructureCourseOptions).forEach(([optionValue, optionLabel]) => {
                            const option = document.createElement('option');
                            option.value = optionValue;
                            option.textContent = optionLabel;
                            select.appendChild(option);
                        });

                        td.appendChild(select);
                    } else if (sectionKey === 'faculty_course_cpl_cpmk_map' && columnKey === 'semester_sks') {
                        const input = document.createElement('input');
                        input.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        input.placeholder = label;
                        input.setAttribute('data-semester-sks-input', '');
                        td.appendChild(input);
                    } else if (sectionKey === 'faculty_course_cpl_cpmk_map' && columnKey === 'faculty_cpl_supported') {
                        const wrapper = document.createElement('div');
                        wrapper.className = 'curriculum-tag-select';
                        wrapper.setAttribute('data-cpl-tag-select', '');
                        wrapper.dataset.selected = '[]';
                        wrapper.dataset.options = JSON.stringify(curriculumGraduateProfileOptions);

                        const hiddenInput = document.createElement('input');
                        hiddenInput.type = 'hidden';
                        hiddenInput.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        hiddenInput.setAttribute('data-cpl-hidden-input', '');

                        const tagList = document.createElement('div');
                        tagList.className = 'curriculum-tag-list';
                        tagList.setAttribute('data-cpl-tag-list', '');

                        const select = document.createElement('select');
                        select.setAttribute('data-cpl-option-select', '');

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = Object.keys(curriculumGraduateProfileOptions).length > 0
                            ? 'Pilih satu atau beberapa Profil Lulusan'
                            : 'Isi data Profil Lulusan terlebih dahulu';
                        select.appendChild(placeholderOption);

                        Object.entries(curriculumGraduateProfileOptions).forEach(([optionValue, optionLabel]) => {
                            const option = document.createElement('option');
                            option.value = optionValue;
                            option.textContent = optionLabel;
                            select.appendChild(option);
                        });

                        wrapper.appendChild(hiddenInput);
                        wrapper.appendChild(tagList);
                        wrapper.appendChild(select);
                        td.appendChild(wrapper);
                        initializeCplTagSelect(wrapper);
                    } else if (sectionKey === 'faculty_course_cpl_cpmk_map' && columnKey === 'study_program_cpl_relation') {
                        const wrapper = document.createElement('div');
                        wrapper.className = 'curriculum-tag-select';
                        wrapper.setAttribute('data-cpl-tag-select', '');
                        wrapper.dataset.selected = '[]';
                        wrapper.dataset.options = JSON.stringify(curriculumLearningOutcomeDisplayOptions);

                        const hiddenInput = document.createElement('input');
                        hiddenInput.type = 'hidden';
                        hiddenInput.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        hiddenInput.setAttribute('data-cpl-hidden-input', '');

                        const tagList = document.createElement('div');
                        tagList.className = 'curriculum-tag-list';
                        tagList.setAttribute('data-cpl-tag-list', '');

                        const select = document.createElement('select');
                        select.setAttribute('data-cpl-option-select', '');

                        const placeholderOption = document.createElement('option');
                        placeholderOption.value = '';
                        placeholderOption.textContent = Object.keys(curriculumLearningOutcomeDisplayOptions).length > 0
                            ? 'Pilih satu atau beberapa Keterkaitan CPL Prodi'
                            : 'Isi data CPL terlebih dahulu';
                        select.appendChild(placeholderOption);

                        Object.entries(curriculumLearningOutcomeDisplayOptions).forEach(([optionValue, optionLabel]) => {
                            const option = document.createElement('option');
                            option.value = optionValue;
                            option.textContent = optionLabel;
                            select.appendChild(option);
                        });

                        wrapper.appendChild(hiddenInput);
                        wrapper.appendChild(tagList);
                        wrapper.appendChild(select);
                        td.appendChild(wrapper);
                        initializeCplTagSelect(wrapper);
                    } else if (sectionKey === 'faculty_course_cpl_cpmk_map' && columnKey === 'course_cpmk') {
                        const wrapper = document.createElement('div');
                        wrapper.className = 'curriculum-tag-select';
                        wrapper.setAttribute('data-text-tag-container', '');

                        const hiddenInput = document.createElement('input');
                        hiddenInput.type = 'hidden';
                        hiddenInput.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        hiddenInput.setAttribute('data-text-tag-hidden-input', '');

                        const tagList = document.createElement('div');
                        tagList.className = 'curriculum-tag-list';
                        tagList.setAttribute('data-text-tag-list', '');

                        const textInput = document.createElement('input');
                        textInput.type = 'text';
                        textInput.placeholder = 'Ketik CPMK lalu tekan Enter';
                        textInput.setAttribute('data-text-tag-input', '');

                        wrapper.appendChild(hiddenInput);
                        wrapper.appendChild(tagList);
                        wrapper.appendChild(textInput);
                        td.appendChild(wrapper);
                        initializeTextTagInput(wrapper);
                    } else if (useTextarea) {
                        const textarea = document.createElement('textarea');
                        textarea.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        textarea.rows = 3;
                        textarea.placeholder = label;
                        td.appendChild(textarea);
                    } else {
                        const input = document.createElement('input');
                        input.name = `${sectionKey}[${rowIndex}][${columnKey}]`;
                        input.placeholder = label;
                        td.appendChild(input);
                    }

                    row.appendChild(td);
                });

                const actionTd = document.createElement('td');
                const tools = document.createElement('div');
                tools.className = `curriculum-row-tools${sectionKey === 'course_structure' ? '' : ' compact'}`;

                if (sectionKey === 'course_structure') {
                    const dragButton = document.createElement('button');
                    dragButton.type = 'button';
                    dragButton.className = 'btn secondary curriculum-drag-handle';
                    dragButton.textContent = 'Geser';
                    dragButton.title = 'Klik dan tahan lalu geser';

                    const jumpTools = document.createElement('div');
                    jumpTools.className = 'curriculum-jump-tools';

                    const jumpInput = document.createElement('input');
                    jumpInput.type = 'number';
                    jumpInput.min = '1';
                    jumpInput.step = '1';
                    jumpInput.placeholder = 'No';
                    jumpInput.className = 'curriculum-jump-input';
                    jumpInput.setAttribute('data-curriculum-jump-input', '');

                    const jumpButton = document.createElement('button');
                    jumpButton.type = 'button';
                    jumpButton.className = 'btn secondary curriculum-jump-button';
                    jumpButton.textContent = 'Pindah';

                    jumpTools.appendChild(jumpInput);
                    jumpTools.appendChild(jumpButton);

                    const upButton = document.createElement('button');
                    upButton.type = 'button';
                    upButton.className = 'btn secondary curriculum-move-up';
                    upButton.textContent = 'Naik';

                    const downButton = document.createElement('button');
                    downButton.type = 'button';
                    downButton.className = 'btn secondary curriculum-move-down';
                    downButton.textContent = 'Turun';

                    tools.appendChild(dragButton);
                    tools.appendChild(jumpTools);
                    tools.appendChild(upButton);
                    tools.appendChild(downButton);
                }

                const insertAboveButton = document.createElement('button');
                insertAboveButton.type = 'button';
                insertAboveButton.className = 'btn secondary curriculum-insert-above';
                insertAboveButton.textContent = '↑';
                insertAboveButton.setAttribute('aria-label', 'Tambah baris di atas');
                insertAboveButton.title = 'Tambah baris di atas';

                const insertBelowButton = document.createElement('button');
                insertBelowButton.type = 'button';
                insertBelowButton.className = 'btn secondary curriculum-insert-below';
                insertBelowButton.textContent = '↓';
                insertBelowButton.setAttribute('aria-label', 'Tambah baris di bawah');
                insertBelowButton.title = 'Tambah baris di bawah';

                tools.appendChild(insertAboveButton);
                tools.appendChild(insertBelowButton);

                const removeButton = document.createElement('button');
                removeButton.type = 'button';
                removeButton.className = 'btn secondary curriculum-remove-row';
                removeButton.textContent = '×';
                removeButton.setAttribute('aria-label', 'Hapus baris');
                removeButton.title = 'Hapus baris';
                tools.appendChild(removeButton);
                actionTd.appendChild(tools);
                row.appendChild(actionTd);

                tbody.appendChild(row);
                initializeStudyMaterialLinking(row);
                initializeFacultyCourseLinking(row);
                initializeCurriculumMatrixLinking(row);
                initializeCurriculumMapLinking(row);
                if (sectionKey === 'course_structure') {
                    initializeCourseStructureDragAndDrop(row);
                }
                syncAutoNumbers(shell);
                return;
            }

            const insertAboveButton = event.target.closest('.curriculum-insert-above');

            if (insertAboveButton) {
                const row = insertAboveButton.closest('tr');
                const shell = row?.closest('[data-curriculum-table]');
                const sectionKey = shell?.dataset.curriculumTable;
                const addButton = sectionKey
                    ? shell?.closest('form')?.querySelector(`.curriculum-add-row[data-section="${sectionKey}"]`)
                    : null;
                const tbody = shell?.querySelector('[data-curriculum-rows]');

                if (row && shell && addButton && tbody) {
                    addButton.click();
                    const newRow = tbody.lastElementChild;

                    if (newRow) {
                        row.before(newRow);
                        syncAutoNumbers(shell);
                    }
                }

                return;
            }

            const insertBelowButton = event.target.closest('.curriculum-insert-below');

            if (insertBelowButton) {
                const row = insertBelowButton.closest('tr');
                const shell = row?.closest('[data-curriculum-table]');
                const sectionKey = shell?.dataset.curriculumTable;
                const addButton = sectionKey
                    ? shell?.closest('form')?.querySelector(`.curriculum-add-row[data-section="${sectionKey}"]`)
                    : null;
                const tbody = shell?.querySelector('[data-curriculum-rows]');

                if (row && shell && addButton && tbody) {
                    addButton.click();
                    const newRow = tbody.lastElementChild;

                    if (newRow) {
                        row.after(newRow);
                        syncAutoNumbers(shell);
                    }
                }

                return;
            }

            const moveUpButton = event.target.closest('.curriculum-move-up');

            if (moveUpButton) {
                const row = moveUpButton.closest('tr');
                const previousRow = row?.previousElementSibling;

                if (row && previousRow) {
                    previousRow.before(row);
                    syncAutoNumbers(row.closest('[data-curriculum-table]'));
                }

                return;
            }

            const moveDownButton = event.target.closest('.curriculum-move-down');

            if (moveDownButton) {
                const row = moveDownButton.closest('tr');
                const nextRow = row?.nextElementSibling;

                if (row && nextRow) {
                    nextRow.after(row);
                    syncAutoNumbers(row.closest('[data-curriculum-table]'));
                }

                return;
            }

            const jumpButton = event.target.closest('.curriculum-jump-button');

            if (jumpButton) {
                const row = jumpButton.closest('tr');
                const jumpInput = row?.querySelector('[data-curriculum-jump-input]');
                const shell = row?.closest('[data-curriculum-table="course_structure"]');
                const tbody = shell?.querySelector('tbody');

                if (!row || !jumpInput || !shell || !tbody) {
                    return;
                }

                const rows = Array.from(tbody.querySelectorAll('tr'));
                const targetNumber = Number.parseInt(jumpInput.value, 10);

                if (!Number.isFinite(targetNumber)) {
                    return;
                }

                const clampedIndex = Math.max(0, Math.min(rows.length - 1, targetNumber - 1));
                const referenceRow = rows[clampedIndex];

                if (!referenceRow || referenceRow === row) {
                    jumpInput.value = '';
                    return;
                }

                const currentIndex = rows.indexOf(row);

                if (currentIndex < clampedIndex) {
                    referenceRow.after(row);
                } else {
                    referenceRow.before(row);
                }

                jumpInput.value = '';
                syncAutoNumbers(shell);
                return;
            }

            const removeButton = event.target.closest('.curriculum-remove-row');

            if (removeButton) {
                const tbody = removeButton.closest('tbody');

                if (tbody.querySelectorAll('tr').length === 1) {
                    tbody.querySelectorAll('input, textarea').forEach((field) => field.value = '');
                    return;
                }

                const row = removeButton.closest('tr');
                const courseStructureShell = row?.closest('[data-curriculum-table="course_structure"]');
                row?.remove();

                if (courseStructureShell) {
                    syncCourseStructureNumbers(courseStructureShell);
                }
                syncAutoNumbers(tbody.closest('[data-curriculum-table]'));
            }
        });

        document.querySelectorAll('[data-cpl-tag-select]').forEach((container) => {
            initializeCplTagSelect(container);
        });

        document.querySelectorAll('[data-text-tag-container]').forEach((container) => {
            initializeTextTagInput(container);
        });
        initializeStudyMaterialLinking(document);
        initializeFacultyCourseLinking(document);
        initializeCurriculumMatrixLinking(document);
        initializeCurriculumMapLinking(document);
        initializeCourseStructureDragAndDrop(document);
        syncCourseStructureNumbers(document);
        syncAutoNumbers(document);
    </script>
@endsection