@extends('layouts.app')

@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' => 'ai-knowledge-base', 'label' => 'Export Excel Basis AI'])
    </div>

    @php
        $editDocument = $editDocument ?? null;
        $isEditingAiKnowledge = is_array($editDocument) && ! empty($editDocument['id']);
        $selectedDocumentType = old('document_type', $isEditingAiKnowledge ? ($editDocument['document_type'] ?? '') : '');
        $documentTitleValue = old('title', $isEditingAiKnowledge ? ($editDocument['title'] ?? '') : '');
        $documentDescriptionValue = old('description', $isEditingAiKnowledge ? ($editDocument['description'] ?? '') : '');
        $documents = is_array($documents ?? null) ? $documents : [];
        $documentTypes = is_array($documentTypes ?? null) ? $documentTypes : [];
        $aiKbToText = function ($value, string $fallback = '') {
            if (is_array($value)) {
                return collect($value)->flatten()->filter(fn ($item) => filled($item))->map(fn ($item) => (string) $item)->implode("
");
            }

            $text = trim((string) ($value ?? ''));
            return $text !== '' ? $text : $fallback;
        };
        $aiKbToArray = function ($value) {
            if (is_array($value)) {
                return $value;
            }

            $text = trim((string) ($value ?? ''));
            if ($text === '') {
                return [];
            }

            return preg_split('/[,;
]+/', $text, -1, PREG_SPLIT_NO_EMPTY) ?: [];
        };
    @endphp
    <div class="panel manual-rps-panel">
        <div class="action-row" style="justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 18px;">
            <div>
                <h2 class="section-title">Basis Pengetahuan AI</h2>
                <p class="helper" style="margin-bottom:0;">Upload file PDF seperti kamus bahasa Indonesia, buku pedoman tata bahasa, pedoman KKO Taksonomi Bloom, dan referensi utama lainnya. File ini menjadi bahan dasar AI untuk merumuskan kalimat Sub-CPMK, Indikator, serta konteks awal sebelum memberi respon terhadap kebutuhan penyusunan RPS.</p>
            </div>
            <a href="{{ route('admin.ai-source-priorities.edit') }}" class="btn secondary">Prioritas Sumber AI</a>
        </div>

        <form id="aiKnowledgeUploadForm" method="POST" action="{{ $isEditingAiKnowledge ? route('admin.ai-knowledge-base.update', $editDocument['id']) : route('admin.ai-knowledge-base.store') }}" enctype="multipart/form-data" class="manual-rps-subsection">
            @csrf
            @if ($isEditingAiKnowledge)
                @method('PUT')
                <input type="hidden" name="document_id" value="{{ $editDocument['id'] }}">
            @endif
            <h3 class="section-title">{{ $isEditingAiKnowledge ? 'Edit File PDF Basis Pengetahuan' : 'Upload File PDF Basis Pengetahuan' }}</h3>
            <p class="helper">
                {{ $isEditingAiKnowledge
                    ? 'Perbarui jenis dokumen, judul, keterangan, atau ganti file PDF jika diperlukan. Kosongkan file PDF jika hanya ingin mengubah data keterangan.'
                    : 'Gunakan PDF yang isinya stabil dan resmi. Sistem akan mengekstrak teks PDF dan menyimpannya sebagai konteks awal AI.' }}
            </p>

            <div class="table-wrap">
                <table class="manual-rps-table manual-rps-identity-table">
                    <tbody>
                        <tr>
                            <th class="manual-rps-label">Jenis Dokumen</th>
                            <td>
                                <select name="document_type" required>
                                    @foreach ($documentTypes as $key => $label)
                                        <option value="{{ $key }}" @selected($selectedDocumentType === $key)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </td>
                            <th class="manual-rps-label">Judul Dokumen</th>
                            <td>
                                <input type="text" name="title" value="{{ $documentTitleValue }}" placeholder="Contoh: Pedoman KKO Taksonomi Bloom Revisi">
                            </td>
                        </tr>
                        <tr>
                            <th class="manual-rps-label">Keterangan</th>
                            <td colspan="3">
                                <textarea name="description" class="manual-rps-textarea-sm" placeholder="Catatan singkat kegunaan dokumen ini untuk AI">{{ $documentDescriptionValue }}</textarea>
                            </td>
                        </tr>
                        <tr>
                            <th class="manual-rps-label">File PDF</th>
                            <td colspan="3">
                                <input type="file" name="pdf_file" accept="application/pdf,.pdf" {{ $isEditingAiKnowledge ? '' : 'required' }}>
                                <p class="helper" style="margin:8px 0 0;">Format PDF, maksimal 80 MB. Upload file besar dilakukan bertahap otomatis agar tidak terkena batas POST PHP. @if($isEditingAiKnowledge) Kosongkan jika tidak ingin mengganti file PDF. @endif</p>
                                <div id="aiKnowledgeUploadProgress" class="helper" style="display:none; margin-top:10px;">
                                    <div style="height:10px; background:#e5e7eb; border-radius:999px; overflow:hidden; margin-bottom:8px;">
                                        <div id="aiKnowledgeUploadProgressBar" style="height:10px; width:0%; background:#2563eb; transition: width .2s ease;"></div>
                                    </div>
                                    <span id="aiKnowledgeUploadProgressText">Menyiapkan upload...</span>
                                </div>
                                <div id="aiKnowledgeUploadError" class="helper" style="display:none; margin-top:10px; color:#b91c1c; white-space:pre-wrap; background:#fef2f2; border:1px solid #fecaca; border-radius:10px; padding:10px;"></div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div class="action-row" style="margin-top: 16px; justify-content: flex-end;">
                @if ($isEditingAiKnowledge)
                    <a href="{{ route('admin.ai-knowledge-base.index') }}" class="btn secondary">Batal Edit</a>
                @endif
                <button class="btn" type="submit">{{ $isEditingAiKnowledge ? 'Simpan Perubahan' : 'Simpan & Ekstrak PDF' }}</button>
            </div>
        </form>
    </div>

    <div class="panel manual-rps-panel">
        <div class="action-row" style="justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 16px;">
            <div>
                <h3 class="section-title">Daftar File Basis Pengetahuan AI</h3>
                <p class="helper" style="margin-bottom:0;">Dokumen berikut akan dibaca sebagai konteks awal AI sebelum menyusun Sub-CPMK, indikator, pilihan pembelajaran, dan materi pembelajaran.</p>
            </div>
            <span class="badge">{{ count($documents) }} dokumen</span>
        </div>

        <div class="table-wrap curriculum-table-shell">
            <table class="manual-rps-table curriculum-table">
                <thead>
                    <tr>
                        <th style="width:60px;">No</th>
                        <th>Jenis</th>
                        <th>Judul / File</th>
                        <th>Keterangan</th>
                        <th style="width:110px;">Halaman</th>
                        <th style="width:140px;">Status Ekstraksi</th>
                        <th>Informasi Tersimpan untuk AI</th>
                        <th style="width:190px;">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($documents as $index => $document)
                        @php
                            $document = is_array($document) ? $document : [];
                            $profile = is_array($document['knowledge_profile'] ?? null) ? $document['knowledge_profile'] : [];
                            $chunks = $aiKbToArray($document['searchable_chunks'] ?? []);
                            $structured = is_array($document['structured_knowledge'] ?? null) ? $document['structured_knowledge'] : [];
                            $keywords = $aiKbToArray($profile['keywords'] ?? ($document['retrieval_keywords'] ?? []));
                            $summaryText = $aiKbToText($profile['summary'] ?? ($document['extracted_excerpt'] ?? null), 'Belum ada ringkasan teks.');
                            $structuredSource = $structured['main_topics'] ?? ($structured['concepts'] ?? []);
                            $structuredItems = collect($aiKbToArray($structuredSource))
                                ->map(fn ($item) => is_array($item) ? ($item['topic'] ?? $item['name'] ?? $item['title'] ?? '') : $item)
                                ->filter(fn ($item) => filled($item))
                                ->take(5)
                                ->values();
                            $weeklyTopics = collect($aiKbToArray($structured['possible_weekly_topics'] ?? []))
                                ->map(fn ($item) => is_array($item) ? ($item['topic'] ?? $item['title'] ?? '') : $item)
                                ->filter(fn ($item) => filled($item))
                                ->take(3)
                                ->values();
                            $analysisStatus = ! empty($structured) ? ($structured['analysis_status'] ?? 'tersimpan') : 'belum tersedia';
                        @endphp
                        <tr>
                            <td><span class="manual-rps-row-no">{{ $index + 1 }}</span></td>
                            <td>
                                <strong>{{ $document['document_type_label'] ?? ($documentTypes[$document['document_type'] ?? ''] ?? '-') }}</strong><br>
                                <small class="meta">{{ $document['uploaded_at'] ?? '-' }}</small>
                            </td>
                            <td>
                                <strong>{{ $document['title'] ?? '-' }}</strong><br>
                                <small class="meta">{{ $document['original_filename'] ?? '-' }}</small>
                            </td>
                            <td>{{ $document['description'] ?? '-' }}</td>
                            <td>{{ $document['page_count'] ?? 0 }}</td>
                            <td>
                                @php($status = $document['extraction_status'] ?? 'unknown')
                                <span class="badge {{ $status === 'completed' ? 'new' : ($status === 'failed' ? 'changed' : 'same') }}">{{ strtoupper($status) }}</span>
                                @if (! empty($document['extraction_error']))
                                    <div class="meta" style="margin-top:8px; color: var(--danger);">{{ $document['extraction_error'] }}</div>
                                @endif
                            </td>
                            <td>
                                <div style="max-height: 230px; overflow: auto; line-height: 1.55;">
                                    <strong>Ringkasan AI:</strong>
                                    <div style="white-space: pre-wrap; margin-bottom:8px;">{{ $summaryText }}</div>
                                    <small class="meta">Potongan informasi tersimpan: {{ count($chunks) }} chunk</small><br>
                                    <small class="meta">Analisis terstruktur: {{ $analysisStatus }}</small>
                                    @if ($structuredItems->isNotEmpty())
                                        <div style="margin-top:8px;">
                                            <small class="meta"><strong>Konsep/Topik:</strong> {{ $structuredItems->implode(', ') }}</small>
                                        </div>
                                    @endif
                                    @if ($weeklyTopics->isNotEmpty())
                                        <div style="margin-top:6px;">
                                            <small class="meta"><strong>Usulan topik mingguan:</strong> {{ $weeklyTopics->implode(' • ') }}</small>
                                        </div>
                                    @endif
                                    @if (! empty($keywords))
                                        <div style="margin-top:6px;"><small class="meta">Kata kunci: {{ collect($keywords)->filter()->take(12)->implode(', ') }}</small></div>
                                    @endif
                                </div>
                            </td>
                            <td>
                                <div class="action-row">
                                    @if (! empty($document['id']))
                                        <a class="btn secondary" href="{{ route('admin.ai-knowledge-base.index', ['edit' => $document['id']]) }}#aiKnowledgeUploadForm">Edit</a>
                                        <a class="btn secondary" href="{{ route('admin.ai-knowledge-base.download', $document['id']) }}">Download</a>
                                        <form method="POST" action="{{ route('admin.ai-knowledge-base.destroy', $document['id']) }}" class="inline-form" onsubmit="return confirm('Hapus file basis pengetahuan AI ini?');">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn danger">Hapus</button>
                                        </form>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" style="text-align:center; color: var(--muted); padding: 28px;">Belum ada file basis pengetahuan AI yang diunggah.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>


<script>
(function () {
    const form = document.getElementById('aiKnowledgeUploadForm');
    if (!form) return;

    const fileInput = form.querySelector('input[name="pdf_file"]');
    const documentTypeInput = form.querySelector('select[name="document_type"]');
    const titleInput = form.querySelector('input[name="title"]');
    const descriptionInput = form.querySelector('textarea[name="description"]');
    const documentIdInput = form.querySelector('input[name="document_id"]');
    const button = form.querySelector('button[type="submit"]');
    const progressWrap = document.getElementById('aiKnowledgeUploadProgress');
    const progressBar = document.getElementById('aiKnowledgeUploadProgressBar');
    const progressText = document.getElementById('aiKnowledgeUploadProgressText');
    const errorBox = document.getElementById('aiKnowledgeUploadError');
    const csrfToken = form.querySelector('input[name="_token"]')?.value || '{{ csrf_token() }}';
    const chunkUrl = '{{ route('admin.ai-knowledge-base.chunk-upload') }}';
    const chunkSize = 512 * 1024; // 512 KB: lebih aman untuk PHP post_max_size default.
    const maxSize = 80 * 1024 * 1024;

    function setProgress(percent, text) {
        if (progressWrap) progressWrap.style.display = 'block';
        if (progressBar) progressBar.style.width = percent + '%';
        if (progressText) progressText.textContent = text;
    }

    function showUploadError(message) {
        const safeMessage = message || 'Upload gagal diproses.';
        if (errorBox) {
            errorBox.style.display = 'block';
            errorBox.textContent = safeMessage;
        }
        alert(safeMessage);
    }

    form.addEventListener('submit', async function (event) {
        const file = fileInput?.files?.[0];
        if (!file) return;

        event.preventDefault();

        if (!documentTypeInput.value) {
            alert('Jenis dokumen wajib dipilih.');
            return;
        }

        if (!file.name.toLowerCase().endsWith('.pdf')) {
            alert('File harus berformat PDF.');
            return;
        }

        if (file.size > maxSize) {
            alert('Ukuran PDF maksimal 80 MB.');
            return;
        }

        if (errorBox) {
            errorBox.style.display = 'none';
            errorBox.textContent = '';
        }

        const uploadId = Date.now().toString(36) + '-' + Math.random().toString(36).slice(2);
        const totalChunks = Math.ceil(file.size / chunkSize);

        if (button) {
            button.disabled = true;
            button.textContent = 'Mengunggah PDF...';
        }

        try {
            for (let index = 0; index < totalChunks; index++) {
                const start = index * chunkSize;
                const end = Math.min(start + chunkSize, file.size);
                const chunk = file.slice(start, end);
                const formData = new FormData();

                formData.append('_token', csrfToken);
                formData.append('upload_id', uploadId);
                formData.append('chunk_index', index);
                formData.append('total_chunks', totalChunks);
                formData.append('total_size', file.size);
                formData.append('original_filename', file.name);
                formData.append('document_type', documentTypeInput.value);
                formData.append('title', titleInput?.value || '');
                formData.append('description', descriptionInput?.value || '');
                if (documentIdInput?.value) {
                    formData.append('document_id', documentIdInput.value);
                }
                formData.append('pdf_chunk', chunk, file.name + '.part' + index);

                setProgress(Math.round((index / totalChunks) * 90), `Mengunggah bagian ${index + 1} dari ${totalChunks}...`);

                const response = await fetch(chunkUrl, {
                    method: 'POST',
                    headers: {
                        'Accept': 'application/json',
                        'X-CSRF-TOKEN': csrfToken,
                        'X-Requested-With': 'XMLHttpRequest',
                    },
                    body: formData,
                    credentials: 'same-origin',
                });

                const rawText = await response.text();
                let result = {};
                try {
                    result = rawText ? JSON.parse(rawText) : {};
                } catch (error) {
                    if (response.status === 401 || response.status === 419 || rawText.includes('<!DOCTYPE') || rawText.includes('<html')) {
                        throw new Error('Sesi login/CSRF tidak valid atau server mengembalikan halaman HTML. Silakan refresh halaman, login ulang jika diminta, lalu coba upload kembali.');
                    }
                    throw new Error('Server tidak mengembalikan respon JSON. Status: ' + response.status + '. ' + rawText.slice(0, 180));
                }

                if (!response.ok) {
                    const messages = result.errors ? Object.values(result.errors).flat().join('\n') : (result.message || ('Upload gagal diproses. Status HTTP: ' + response.status));
                    throw new Error(messages);
                }

                if (result.completed) {
                    setProgress(100, result.message || 'Upload selesai. Mengalihkan halaman...');
                    window.location.href = result.redirect || '{{ route('admin.ai-knowledge-base.index') }}';
                    return;
                }
            }

            throw new Error('Upload belum selesai. Tidak ada respons selesai dari server. Silakan ulangi upload.');
        } catch (error) {
            showUploadError(error.message || 'Upload gagal diproses.');
            setProgress(0, 'Upload gagal. Silakan coba kembali.');
            if (button) {
                button.disabled = false;
                button.textContent = documentIdInput?.value ? 'Simpan Perubahan' : 'Simpan & Ekstrak PDF';
            }
        }
    });
})();
</script>

@endsection