@extends('layouts.app', ['title' => 'Review Usulan AI'])

@section('content')
    @php
        $selectedSection = $selectedSection ?? 'all';
        $reviewSections = $reviewSections ?? [];
        $consistencyReport = data_get($rps->ai_draft_payload, 'pipeline_meta.quality_meta.consistency_report', []);
        $sectionQuality = collect(data_get($consistencyReport, 'per_section', []));
        $statusLabels = [
            'aman' => 'Aman',
            'perlu_cek' => 'Perlu Cek',
            'kurang_bukti' => 'Kurang Bukti',
            'unknown' => 'Belum Dinilai',
        ];
        $sectionPriority = [
            'kurang_bukti' => 0,
            'perlu_cek' => 1,
            'aman' => 2,
            'unknown' => 3,
        ];
        $sectionQuality = $sectionQuality
            ->sortBy(function ($section, $key) use ($sectionPriority, $reviewSections) {
                $statusKey = $section['status'] ?? 'unknown';

                return [
                    $sectionPriority[$statusKey] ?? 99,
                    $section['label'] ?? ($reviewSections[$key] ?? strtoupper((string) $key)),
                ];
            })
            ->map(fn ($section) => $section);
        $topPrioritySectionKey = $sectionQuality->keys()->first();
        $visibleStatuses = collect();

        if ($selectedSection === 'all') {
            $visibleStatuses = $visibleStatuses
                ->push($comparison['course_description']['status'] ?? 'same')
                ->concat(collect($comparison['study_materials']['suggested'] ?? [])->pluck('_status'))
                ->concat(collect($comparison['cpl']['suggested'] ?? [])->pluck('_status'))
                ->concat(collect($comparison['cpmk']['suggested'] ?? [])->pluck('_status'))
                ->concat(collect($comparison['sub_cpmk']['suggested'] ?? [])->pluck('_status'))
                ->concat(collect($comparison['main_references']['suggested'] ?? [])->pluck('_status'))
                ->concat(collect($comparison['supporting_references']['suggested'] ?? [])->pluck('_status'))
                ->concat(collect($comparison['meetings']['suggested'] ?? [])->pluck('_status'));
        } elseif ($selectedSection === 'study_materials') {
            $visibleStatuses = collect($comparison['study_materials']['suggested'] ?? [])->pluck('_status');
        } elseif ($selectedSection === 'cpmk') {
            $visibleStatuses = collect($comparison['cpmk']['suggested'] ?? [])->pluck('_status');
        } elseif ($selectedSection === 'meetings') {
            $visibleStatuses = collect($comparison['meetings']['suggested'] ?? [])->pluck('_status');
        }

        $statusCounts = $visibleStatuses->filter()->countBy();
        $selectedLabel = $selectedSection === 'all' ? 'Semua Bagian' : ($reviewSections[$selectedSection] ?? strtoupper($selectedSection));
    @endphp

    <div class="panel">
        <div class="actions" style="margin-bottom: 16px;">
            <a class="btn secondary" href="{{ route('rps.show', $rps) }}">Kembali ke Detail RPS</a>
            <a class="btn secondary" href="{{ route('rps.edit', $rps) }}">Edit Manual</a>
            @if ($selectedSection === 'all')
                <form class="inline-form" method="POST" action="{{ route('rps.apply-ai-draft', $rps) }}">
                    @csrf
                    <button class="btn" type="submit">Terapkan Usulan AI ke Draft</button>
                </form>
            @else
                <form class="inline-form" method="POST" action="{{ route('rps.apply-ai-draft-section', [$rps, $selectedSection]) }}">
                    @csrf
                    <button class="btn" type="submit">Terapkan {{ $selectedLabel }}</button>
                </form>
            @endif
        </div>

        <h2 class="section-title">Review Usulan AI vs Draft Saat Ini</h2>
        <p class="helper">Halaman ini membantu membandingkan isi draft sekarang dengan usulan AI sebelum diterapkan. Fokus review saat ini: <strong>{{ $selectedLabel }}</strong>.</p>

        <div class="grid">
            <div class="field col-3"><strong>Status AI</strong><br>{{ strtoupper($rps->ai_generation_status ?? 'idle') }}</div>
            <div class="field col-3"><strong>Model</strong><br>{{ $rps->ai_model ?: '-' }}</div>
            <div class="field col-3"><strong>Generated At</strong><br>{{ optional($rps->ai_generated_at)->format('d-m-Y H:i') ?: '-' }}</div>
            <div class="field col-3"><strong>Response ID</strong><br>{{ $rps->ai_response_id ?: '-' }}</div>
        </div>
        <div class="actions" style="margin-top: 16px;">
            <a class="btn secondary {{ $selectedSection === 'all' ? 'active-section' : '' }}" href="{{ route('rps.review-ai-draft', $rps) }}">Semua Bagian</a>
            @foreach ($reviewSections as $key => $label)
                <a class="btn secondary {{ $selectedSection === $key ? 'active-section' : '' }}" href="{{ route('rps.review-ai-draft-section', [$rps, $key]) }}">{{ $label }}</a>
            @endforeach
        </div>
        @if ($sectionQuality->isNotEmpty())
            <div class="section-quality-grid" style="margin-top: 16px;">
                @foreach ($sectionQuality as $key => $section)
                    @php
                        $statusKey = $section['status'] ?? 'unknown';
                        $sectionLabel = $section['label'] ?? ($reviewSections[$key] ?? strtoupper((string) $key));
                        $isPriorityFocus = $topPrioritySectionKey === $key && in_array($statusKey, ['kurang_bukti', 'perlu_cek'], true);
                    @endphp
                    <div class="section-quality-card {{ $selectedSection === $key ? 'selected' : '' }} {{ $isPriorityFocus ? 'priority-focus' : '' }}">
                        <div class="section-quality-head">
                            <strong>{{ $sectionLabel }}</strong>
                            <span class="meeting-status-badge status-{{ str_replace('_', '-', $statusKey) }}">{{ $statusLabels[$statusKey] ?? ucfirst(str_replace('_', ' ', $statusKey)) }}</span>
                        </div>
                        @if (! empty($section['notes']))
                            <div class="section-quality-notes">
                                @foreach ($section['notes'] as $note)
                                    <div>{{ $note }}</div>
                                @endforeach
                            </div>
                        @endif
                        @if (isset($reviewSections[$key]))
                            <div class="section-quality-actions">
                                <a class="btn {{ $isPriorityFocus ? '' : 'secondary' }}" href="{{ route('rps.review-ai-draft-section', [$rps, $key]) }}">Review {{ $sectionLabel }}</a>
                            </div>
                        @endif
                    </div>
                @endforeach
            </div>
        @endif
        <div class="actions" style="margin-top: 16px;">
            <span class="badge new">Baru</span>
            <span class="badge changed">Berbeda</span>
            <span class="badge same">Sudah ada / sama</span>
        </div>
        <div class="summary-chips">
            <div class="summary-chip">
                <span class="badge new">Baru</span>
                <span>{{ $statusCounts->get('new', 0) }}</span>
                <small>item</small>
            </div>
            <div class="summary-chip">
                <span class="badge changed">Berbeda</span>
                <span>{{ $statusCounts->get('changed', 0) }}</span>
                <small>item</small>
            </div>
            <div class="summary-chip">
                <span class="badge same">Sudah ada</span>
                <span>{{ $statusCounts->get('same', 0) }}</span>
                <small>item</small>
            </div>
        </div>
        <div class="filter-bar">
            <label class="filter-toggle" for="changes-only-toggle">
                <input id="changes-only-toggle" type="checkbox">
                <span>Tampilkan hanya perubahan</span>
            </label>
            <span class="helper" style="margin: 0;">Item dengan status <strong>Sudah ada</strong> akan disembunyikan dari kolom usulan AI.</span>
        </div>
    </div>

    @if ($selectedSection === 'all')
    <div class="panel">
        <h3 class="section-title">Deskripsi Singkat MK</h3>
        <div class="grid">
            <div class="field col-6">
                <label>Draft Saat Ini</label>
                <div class="repeater-item">{{ $comparison['course_description']['current'] ?: '-' }}</div>
            </div>
            <div class="field col-6">
                <label>Usulan AI</label>
                <div class="repeater-item diff-card {{ $comparison['course_description']['status'] }} diff-filter-item" data-diff-status="{{ $comparison['course_description']['status'] }}">
                    <span class="badge {{ $comparison['course_description']['status'] }}">
                        {{ $comparison['course_description']['status'] === 'new' ? 'Baru' : ($comparison['course_description']['status'] === 'changed' ? 'Berbeda' : 'Sudah ada') }}
                    </span>
                    <div style="margin-top: 8px;">{{ $comparison['course_description']['suggested'] ?: '-' }}</div>
                </div>
            </div>
        </div>
    </div>
    @endif

    @if (in_array($selectedSection, ['all', 'study_materials'], true))
    <div class="panel">
        <h3 class="section-title">Bahan Kajian</h3>
        <div class="grid">
            <div class="field col-6">
                <label>Draft Saat Ini</label>
                <div class="stack">
                    @forelse ($comparison['study_materials']['current'] as $item)
                        <div class="repeater-item">{{ $item }}</div>
                    @empty
                        <div class="repeater-item">Belum ada.</div>
                    @endforelse
                </div>
            </div>
            <div class="field col-6">
                <label>Usulan AI</label>
                <div class="stack">
                    @forelse ($comparison['study_materials']['suggested'] as $item)
                        <div class="repeater-item diff-card {{ $item['_status'] }} diff-filter-item" data-diff-status="{{ $item['_status'] }}">
                            <span class="badge {{ $item['_status'] }}">{{ $item['_status'] === 'new' ? 'Baru' : 'Sudah ada' }}</span>
                            <div style="margin-top: 8px;">{{ $item['text'] }}</div>
                        </div>
                    @empty
                        <div class="repeater-item">Belum ada.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
    @endif

    @if ($selectedSection === 'all')
    @foreach ([
        'cpl' => 'CPL',
        'cpmk' => 'CPMK',
        'sub_cpmk' => 'Sub-CPMK',
    ] as $key => $label)
        <div class="panel">
            <h3 class="section-title">{{ $label }}</h3>
            <div class="grid">
                <div class="field col-6">
                    <label>Draft Saat Ini</label>
                    <div class="stack">
                        @forelse ($comparison[$key]['current'] as $item)
                            <div class="repeater-item">
                                <strong>{{ $item['code'] ?: 'Tanpa kode' }}</strong>
                                <div>{{ $item['description'] }}</div>
                            </div>
                        @empty
                            <div class="repeater-item">Belum ada.</div>
                        @endforelse
                    </div>
                </div>
                <div class="field col-6">
                    <label>Usulan AI</label>
                    <div class="stack">
                        @forelse ($comparison[$key]['suggested'] as $item)
                            <div class="repeater-item diff-card {{ $item['_status'] ?? 'same' }} diff-filter-item" data-diff-status="{{ $item['_status'] ?? 'same' }}">
                                <span class="badge {{ $item['_status'] ?? 'same' }}">{{ ($item['_status'] ?? 'same') === 'new' ? 'Baru' : 'Sudah ada' }}</span>
                                <strong>{{ $item['code'] ?: 'Tanpa kode' }}</strong>
                                <div style="margin-top: 8px;">{{ $item['description'] ?? '-' }}</div>
                            </div>
                        @empty
                            <div class="repeater-item">Belum ada.</div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    @endforeach
    @endif

    @if ($selectedSection === 'cpmk')
        <div class="panel">
            <h3 class="section-title">CPMK</h3>
            <div class="grid">
                <div class="field col-6">
                    <label>Draft Saat Ini</label>
                    <div class="stack">
                        @forelse ($comparison['cpmk']['current'] as $item)
                            <div class="repeater-item">
                                <strong>{{ $item['code'] ?: 'Tanpa kode' }}</strong>
                                <div>{{ $item['description'] }}</div>
                            </div>
                        @empty
                            <div class="repeater-item">Belum ada.</div>
                        @endforelse
                    </div>
                </div>
                <div class="field col-6">
                    <label>Usulan AI</label>
                    <div class="stack">
                        @forelse ($comparison['cpmk']['suggested'] as $item)
                            <div class="repeater-item diff-card {{ $item['_status'] ?? 'same' }} diff-filter-item" data-diff-status="{{ $item['_status'] ?? 'same' }}">
                                <span class="badge {{ $item['_status'] ?? 'same' }}">{{ ($item['_status'] ?? 'same') === 'new' ? 'Baru' : 'Sudah ada' }}</span>
                                <strong>{{ $item['code'] ?: 'Tanpa kode' }}</strong>
                                <div style="margin-top: 8px;">{{ $item['description'] ?? '-' }}</div>
                            </div>
                        @empty
                            <div class="repeater-item">Belum ada.</div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    @endif

    @if ($selectedSection === 'all')
    @foreach ([
        'main_references' => 'Pustaka Utama',
        'supporting_references' => 'Pustaka Pendukung',
    ] as $key => $label)
        <div class="panel">
            <h3 class="section-title">{{ $label }}</h3>
            <div class="grid">
                <div class="field col-6">
                    <label>Draft Saat Ini</label>
                    <div class="stack">
                        @forelse ($comparison[$key]['current'] as $item)
                            <div class="repeater-item">{{ $item['citation'] }}</div>
                        @empty
                            <div class="repeater-item">Belum ada.</div>
                        @endforelse
                    </div>
                </div>
                <div class="field col-6">
                    <label>Usulan AI</label>
                    <div class="stack">
                        @forelse ($comparison[$key]['suggested'] as $item)
                            <div class="repeater-item diff-card {{ $item['_status'] ?? 'same' }} diff-filter-item" data-diff-status="{{ $item['_status'] ?? 'same' }}">
                                <span class="badge {{ $item['_status'] ?? 'same' }}">{{ ($item['_status'] ?? 'same') === 'new' ? 'Baru' : 'Sudah ada' }}</span>
                                <div style="margin-top: 8px;">{{ $item['citation'] ?? '-' }}</div>
                            </div>
                        @empty
                            <div class="repeater-item">Belum ada.</div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    @endforeach
    @endif

    @if (in_array($selectedSection, ['all', 'meetings'], true))
    <div class="panel">
        <h3 class="section-title">Rencana Pembelajaran Mingguan 1–16</h3>
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>Pekan</th>
                        <th>Draft Saat Ini</th>
                        <th>Usulan AI</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (range(1, 16) as $week)
                        @php
                            $current = $comparison['meetings']['current'][$week] ?? null;
                            $suggested = $comparison['meetings']['suggested'][$week] ?? null;
                        @endphp
                        <tr class="{{ $suggested ? 'diff-filter-item' : '' }}" @if ($suggested) data-diff-status="{{ $suggested['_status'] ?? 'same' }}" @endif>
                            <td><strong>{{ $week }}</strong></td>
                            <td>
                                @if ($current)
                                    <div><strong>{{ strtoupper($current['session_type'] ?? 'regular') }}</strong></div>
                                    <div>Sub-CPMK: {{ $current['sub_cpmk'] ?: '-' }}</div>
                                    <div>Indikator: {{ $current['indicator'] ?: '-' }}</div>
                                    <div>Materi: {{ $current['study_material'] ?: '-' }}</div>
                                    <div>Bobot: {{ $current['assessment_weight'] ?? '-' }}</div>
                                @else
                                    -
                                @endif
                            </td>
                            <td>
                                @if ($suggested)
                                    <div><span class="badge {{ $suggested['_status'] ?? 'same' }}">{{ ($suggested['_status'] ?? 'same') === 'new' ? 'Baru' : (($suggested['_status'] ?? 'same') === 'changed' ? 'Berbeda' : 'Sudah ada') }}</span></div>
                                    <div><strong>{{ strtoupper($suggested['session_type'] ?? 'regular') }}</strong></div>
                                    <div>Sub-CPMK: {{ $suggested['sub_cpmk'] ?? '-' }}</div>
                                    <div>Indikator: {{ $suggested['indicator'] ?? '-' }}</div>
                                    <div>Materi: {{ $suggested['study_material'] ?? '-' }}</div>
                                    <div>Bobot: {{ $suggested['assessment_weight'] ?? '-' }}</div>
                                @else
                                    -
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @endif

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var toggle = document.getElementById('changes-only-toggle');

            if (! toggle) {
                return;
            }

            var items = Array.from(document.querySelectorAll('.diff-filter-item'));

            var applyFilter = function () {
                items.forEach(function (item) {
                    var status = item.getAttribute('data-diff-status') || 'same';
                    var shouldHide = toggle.checked && status === 'same';
                    item.classList.toggle('filtered-hidden', shouldHide);
                });
            };

            toggle.addEventListener('change', applyFilter);
            applyFilter();
        });
    </script>
@endsection