@extends('layouts.app', ['title' => 'Generate RPS Otomatis'])

@section('content')
    <div class="panel manual-rps-panel">
        <h2 class="section-title">Automatic Draft Engine</h2>
        <p class="helper">Generate RPS Otomatis diarahkan seperti alur input manual: data mata kuliah, bahan prompt AI, dan referensi PDF disusun dalam blok bertingkat agar mudah diperiksa sebelum diproses.</p>
        <div class="table-wrap">
            <table class="manual-rps-table manual-rps-identity-table">
                <colgroup>
                    <col style="width: 18%;">
                    <col style="width: 32%;">
                    <col style="width: 18%;">
                    <col style="width: 32%;">
                </colgroup>
                <tbody>
                    <tr>
                        <th class="manual-rps-label">Mode Generate</th>
                        <td>AI Draft Otomatis</td>
                        <th class="manual-rps-label">Sumber Data</th>
                        <td>Admin, Kurikulum Prodi, dan Referensi PDF</td>
                    </tr>
                    <tr>
                        <th class="manual-rps-label">Target Output</th>
                        <td>14 Sub-CPMK, indikator, penilaian, pembelajaran, dan materi</td>
                        <th class="manual-rps-label">Distribusi Pertemuan</th>
                        <td>Pertemuan 1–7 dan 9–15. Pertemuan 8 dan 16 tetap UTS/UAS.</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <form method="POST" action="{{ route('rps.automatic.store') }}" enctype="multipart/form-data">
        @csrf

        <div class="panel manual-rps-panel">
            <h2 class="section-title">Smart Intake / Form Generate</h2>
            <p class="helper">Bagian ini mengikuti gaya Input Manual: pilih Mata Kuliah Prodi, unggah referensi PDF, lalu sistem menyiapkan bahan prompt AI.</p>
            <div class="table-wrap">
                <table class="manual-rps-table manual-rps-identity-table">
                    <colgroup>
                        <col style="width: 18%;">
                        <col style="width: 82%;">
                    </colgroup>
                    <tbody>
                        <tr>
                            <th class="manual-rps-label">Mata Kuliah Prodi</th>
                            <td>
                                <select id="course_name" name="course_name" required>
                                    <option value="">Pilih Mata Kuliah Prodi dari Struktur Mata Kuliah</option>
                                    @foreach (($curriculumCourseOptions ?? []) as $courseOption)
                                        <option value="{{ $courseOption }}" @selected(old('course_name') === $courseOption)>
                                            {{ $courseOption }}
                                        </option>
                                    @endforeach
                                    @if (filled(old('course_name')) && ! in_array(old('course_name'), $curriculumCourseOptions ?? [], true))
                                        <option value="{{ old('course_name') }}" selected>{{ old('course_name') }}</option>
                                    @endif
                                </select>
                                <div class="meta" style="margin-top: 6px;">Pilihan diambil dari Struktur Mata Kuliah pada Informasi Kurikulum Prodi.</div>
                            </td>
                        </tr>
                        <tr>
                            <th class="manual-rps-label">Upload Referensi PDF</th>
                            <td>
                                <div class="upload-box">
                                    <div class="upload-picker">
                                        <label class="upload-label" for="reference_files">Pilih File PDF</label>
                                        <input id="reference_files" name="reference_files[]" type="file" accept="application/pdf" multiple required>
                                        <span id="reference-files-summary" class="upload-summary">Belum ada file dipilih.</span>
                                    </div>
                                    <p class="helper" style="margin: 12px 0 0;">Unggah buku referensi, jurnal, kurikulum, RPS sebelumnya, CPL Prodi, panduan akademik, atau dokumen lain yang relevan. Maksimal 10 MB per file. Jenis dokumen dan judul referensi bisa disesuaikan manual sebelum proses generate.</p>
                                    <div id="reference-files-list" class="file-list">
                                        <div class="file-empty">Daftar file yang berhasil dipilih akan tampil di sini.</div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="panel manual-rps-panel">
            <h2 class="section-title">Bahan Prompt AI</h2>
            <p class="helper">Bagian ini menyiapkan konteks yang akan dibaca AI: CPMK mata kuliah, pilihan penilaian, pilihan pembelajaran, dan referensi PDF yang akan diekstraksi.</p>
            <div class="table-wrap">
                <table class="manual-rps-table manual-rps-identity-table">
                    <colgroup>
                        <col style="width: 18%;">
                        <col style="width: 32%;">
                        <col style="width: 18%;">
                        <col style="width: 32%;">
                    </colgroup>
                    <tbody>
                        <tr>
                            <th class="manual-rps-label">Instruksi Prompt Utama</th>
                            <td colspan="3">
                                <textarea id="automatic_prompt_instruction" name="automatic_prompt_instruction" rows="4" readonly style="resize: vertical;"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <th class="manual-rps-label">CPMK / CP Mata Kuliah</th>
                            <td>
                                <textarea id="automatic_prompt_cpmk" name="automatic_prompt_cpmk" rows="8" readonly style="resize: vertical;"></textarea>
                            </td>
                            <th class="manual-rps-label">Bahan Kajian / Materi Kurikulum</th>
                            <td>
                                <textarea id="automatic_prompt_study_materials" name="automatic_prompt_study_materials" rows="8" readonly style="resize: vertical;"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <th class="manual-rps-label">Kriteria Penilaian</th>
                            <td>
                                <textarea id="automatic_prompt_assessment_criteria" name="automatic_prompt_assessment_criteria" rows="7" readonly style="resize: vertical;"></textarea>
                            </td>
                            <th class="manual-rps-label">Teknik Penilaian</th>
                            <td>
                                <textarea id="automatic_prompt_assessment_techniques" name="automatic_prompt_assessment_techniques" rows="7" readonly style="resize: vertical;"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <th class="manual-rps-label">Pembelajaran Luring</th>
                            <td>
                                <textarea id="automatic_prompt_offline_learning" name="automatic_prompt_offline_learning" rows="7" readonly style="resize: vertical;"></textarea>
                            </td>
                            <th class="manual-rps-label">Pembelajaran Daring</th>
                            <td>
                                <textarea id="automatic_prompt_online_learning" name="automatic_prompt_online_learning" rows="7" readonly style="resize: vertical;"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <th class="manual-rps-label">Hasil Ekstraksi PDF</th>
                            <td colspan="3">
                                <textarea id="automatic_prompt_pdf_context" name="automatic_prompt_pdf_context" rows="5" readonly style="resize: vertical;"></textarea>
                                <div class="meta" style="margin-top: 6px;">Sebelum diproses, bagian ini menampilkan daftar PDF yang dipilih. Saat tombol generate ditekan, sistem mengekstrak isi PDF dan menjadikannya bahan analisis AI.</div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="panel manual-rps-panel">
            <h2 class="section-title">Ruang Kerja AI</h2>
            <p class="helper">AI hanya diarahkan mengembangkan bagian pembelajaran mingguan, bukan menimpa identitas RPS, CPL, CPMK utama, pustaka, otorisasi, atau tanda tangan.</p>
            <div class="table-wrap">
                <table class="manual-rps-table manual-rps-identity-table">
                    <colgroup>
                        <col style="width: 18%;">
                        <col style="width: 32%;">
                        <col style="width: 18%;">
                        <col style="width: 32%;">
                    </colgroup>
                    <tbody>
                        <tr>
                            <th class="manual-rps-label">Yang Ditulis AI</th>
                            <td>14 Sub-CPMK, indikator Bloom C1–C6, kriteria, teknik, pembelajaran luring/daring, dan materi.</td>
                            <th class="manual-rps-label">Yang Tidak Ditimpa</th>
                            <td>Identitas RPS, CPL, CPMK utama, pustaka, dosen, otorisasi, dan tanda tangan.</td>
                        </tr>
                        <tr>
                            <th class="manual-rps-label">Perguruan Tinggi</th>
                            <td>{{ $defaultValues['university_name'] }}</td>
                            <th class="manual-rps-label">Unit Akademik</th>
                            <td>{{ $defaultValues['faculty_name'] }}<br>{{ $defaultValues['study_program_name'] }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div class="actions" style="margin-top: 14px;">
                <button class="btn" type="submit">Proses Generate Otomatis</button>
                <a class="btn secondary" href="{{ route('rps.index') }}">Lihat Arsip RPS</a>
            </div>
        </div>
    </form>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var input = document.getElementById('reference_files');
            var summary = document.getElementById('reference-files-summary');
            var list = document.getElementById('reference-files-list');
            var courseSelect = document.getElementById('course_name');
            var promptContext = @json($automaticPromptContext ?? []);
            var selectedFiles = [];
            var documentTypeOptions = @json($documentTypes);

            var promptFields = {
                instruction: document.getElementById('automatic_prompt_instruction'),
                cpmk: document.getElementById('automatic_prompt_cpmk'),
                studyMaterials: document.getElementById('automatic_prompt_study_materials'),
                assessmentCriteria: document.getElementById('automatic_prompt_assessment_criteria'),
                assessmentTechniques: document.getElementById('automatic_prompt_assessment_techniques'),
                offlineLearning: document.getElementById('automatic_prompt_offline_learning'),
                onlineLearning: document.getElementById('automatic_prompt_online_learning'),
                pdfContext: document.getElementById('automatic_prompt_pdf_context')
            };

            var normalizeCourseKey = function (value) {
                return String(value || '').trim().replace(/\s+/g, ' ').toLowerCase();
            };

            var flattenTextItems = function (items) {
                if (! Array.isArray(items)) {
                    return [];
                }

                return items.map(function (item) {
                    if (item === null || typeof item === 'undefined') {
                        return '';
                    }

                    if (typeof item === 'object') {
                        var code = item.code || item.kode || item.number || '';
                        var description = item.description || item.deskripsi || item.text || item.cpmk || item.study_material || item.name || '';
                        return String(code && description ? code + '. ' + description : (description || code || '')).trim();
                    }

                    return String(item).trim();
                }).filter(Boolean);
            };

            var toNumberedText = function (items, emptyText) {
                items = flattenTextItems(items);

                if (items.length === 0) {
                    return emptyText || 'Belum ada data tersedia.';
                }

                return items.map(function (item, index) {
                    return (index + 1) + '. ' + item;
                }).join('\n');
            };

            var limitedNumberedText = function (items, emptyText, limit) {
                items = flattenTextItems(items);

                if (items.length === 0) {
                    return emptyText || 'Belum ada data tersedia.';
                }

                var visibleItems = items.slice(0, limit || 60);
                var text = visibleItems.map(function (item, index) {
                    return (index + 1) + '. ' + item;
                }).join('\n');

                if (items.length > visibleItems.length) {
                    text += '\n... dan ' + (items.length - visibleItems.length) + ' opsi lainnya tetap dikirim dari data admin.';
                }

                return text;
            };

            var findCourseProfile = function (selectedCourse) {
                var courseProfiles = promptContext.course_profiles || {};

                if (selectedCourse && courseProfiles[selectedCourse]) {
                    return courseProfiles[selectedCourse];
                }

                var selectedKey = normalizeCourseKey(selectedCourse);
                var matchedKey = Object.keys(courseProfiles).find(function (key) {
                    return normalizeCourseKey(key) === selectedKey;
                });

                return matchedKey ? courseProfiles[matchedKey] : {};
            };

            var updatePromptContext = function () {
                var selectedCourse = courseSelect ? courseSelect.value : '';
                var courseProfile = findCourseProfile(selectedCourse);
                var referenceNames = selectedFiles.map(function (file, index) {
                    return (index + 1) + '. ' + file.name + ' — akan diekstrak setelah tombol generate ditekan.';
                });

                if (promptFields.instruction) {
                    promptFields.instruction.value = promptContext.instruction || '';
                }
                if (promptFields.cpmk) {
                    promptFields.cpmk.value = toNumberedText(courseProfile.cpmk_items || [], selectedCourse ? 'CPMK untuk mata kuliah ini belum ditemukan di Informasi Kurikulum Prodi.' : 'Pilih Mata Kuliah Prodi untuk menampilkan CPMK.');
                }
                if (promptFields.studyMaterials) {
                    promptFields.studyMaterials.value = toNumberedText(courseProfile.study_materials || [], selectedCourse ? 'Bahan kajian/materi kurikulum untuk mata kuliah ini belum ditemukan.' : 'Pilih Mata Kuliah Prodi untuk menampilkan bahan kajian/materi kurikulum.');
                }
                if (promptFields.assessmentCriteria) {
                    promptFields.assessmentCriteria.value = limitedNumberedText(promptContext.assessment_criteria || [], 'Belum ada Kriteria Penilaian pada halaman admin.', 80);
                }
                if (promptFields.assessmentTechniques) {
                    promptFields.assessmentTechniques.value = limitedNumberedText(promptContext.assessment_techniques || [], 'Belum ada Teknik Penilaian pada halaman admin.', 80);
                }
                if (promptFields.offlineLearning) {
                    promptFields.offlineLearning.value = limitedNumberedText(promptContext.offline_learning || [], 'Belum ada opsi Pembelajaran Luring pada halaman admin.', 80);
                }
                if (promptFields.onlineLearning) {
                    promptFields.onlineLearning.value = limitedNumberedText(promptContext.online_learning || [], 'Belum ada opsi Pembelajaran Daring pada halaman admin.', 80);
                }
                if (promptFields.pdfContext) {
                    promptFields.pdfContext.value = referenceNames.length > 0
                        ? referenceNames.join('\n')
                        : 'Belum ada PDF dipilih. Hasil ekstraksi PDF akan tersedia setelah file diproses saat generate.';
                }
            };

            if (courseSelect) {
                courseSelect.addEventListener('change', updatePromptContext);
            }

            updatePromptContext();

            if (! input || ! summary || ! list || typeof DataTransfer === 'undefined') {
                return;
            }

            var formatBytes = function (bytes) {
                if (! bytes) {
                    return '0 KB';
                }

                return (bytes / 1024).toFixed(1) + ' KB';
            };

            var detectDocumentType = function (filename) {
                var name = (filename || '').toLowerCase();

                if (name.includes('jurnal')) {
                    return 'jurnal';
                }

                if (name.includes('kurikulum') || name.includes('workshop')) {
                    return 'kurikulum_workshop';
                }

                if (name.includes('rps')) {
                    return 'rps_sebelumnya';
                }

                if (name.includes('cpl')) {
                    return 'cpl_prodi';
                }

                if (name.includes('panduan') || name.includes('akademik')) {
                    return 'panduan_akademik';
                }

                if (name.includes('buku') || name.includes('modul')) {
                    return 'buku_referensi';
                }

                return 'dokumen_pendukung';
            };

            var defaultTitle = function (filename) {
                return (filename || '').replace(/\.pdf$/i, '');
            };

            var syncInputFiles = function () {
                var dataTransfer = new DataTransfer();

                selectedFiles.forEach(function (file) {
                    dataTransfer.items.add(file);
                });

                input.files = dataTransfer.files;
            };

            var renderList = function () {
                summary.textContent = selectedFiles.length > 0
                    ? selectedFiles.length + ' file PDF siap diproses.'
                    : 'Belum ada file dipilih.';

                if (selectedFiles.length === 0) {
                    list.innerHTML = '<div class="file-empty">Daftar file yang berhasil dipilih akan tampil di sini.</div>';
                    return;
                }

                list.innerHTML = '';

                selectedFiles.forEach(function (file, index) {
                    var item = document.createElement('div');
                    item.className = 'file-chip';

                    var content = document.createElement('div');
                    content.innerHTML = '<div class="file-chip-top"><div class="file-chip-name"></div></div><div class="file-chip-meta"></div>';
                    content.querySelector('.file-chip-name').textContent = file.name;
                    content.querySelector('.file-chip-meta').textContent = formatBytes(file.size);

                    var select = document.createElement('select');
                    select.name = 'reference_document_types[]';
                    select.className = 'file-doc-select';

                    Object.keys(documentTypeOptions).forEach(function (key) {
                        var option = document.createElement('option');
                        option.value = key;
                        option.textContent = documentTypeOptions[key];

                        if (key === detectDocumentType(file.name)) {
                            option.selected = true;
                        }

                        select.appendChild(option);
                    });

                    content.querySelector('.file-chip-top').appendChild(select);

                    var titleInput = document.createElement('input');
                    titleInput.type = 'text';
                    titleInput.name = 'reference_titles[]';
                    titleInput.className = 'file-title-input';
                    titleInput.value = defaultTitle(file.name);
                    titleInput.placeholder = 'Judul referensi';

                    content.appendChild(titleInput);

                    var removeButton = document.createElement('button');
                    removeButton.type = 'button';
                    removeButton.className = 'file-chip-remove';
                    removeButton.textContent = 'Hapus';
                    removeButton.addEventListener('click', function () {
                        selectedFiles.splice(index, 1);
                        syncInputFiles();
                        renderList();
                        updatePromptContext();
                    });

                    item.appendChild(content);
                    item.appendChild(removeButton);
                    list.appendChild(item);
                });
            };

            input.addEventListener('change', function () {
                Array.from(input.files).forEach(function (file) {
                    var exists = selectedFiles.some(function (existingFile) {
                        return existingFile.name === file.name
                            && existingFile.size === file.size
                            && existingFile.lastModified === file.lastModified;
                    });

                    if (! exists && file.type === 'application/pdf') {
                        selectedFiles.push(file);
                    }
                });

                syncInputFiles();
                renderList();
                updatePromptContext();
            });

            renderList();
        });
    </script>
@endsection