@extends('admin.layout')

@section('title', '')

@section('content')
    <div class="card">
        <div class="card-header" style="background-color:#6f42c1; color:#fff;">
            <div>
                <h5 class="mb-0"><i class="bi bi-journal-text me-2"></i>Penilaian Intrakulikuler</h5>
                <small class="text-warning">Kelola penilaian untuk mata pelajaran dan kompetensi intrakulikuler</small>
            </div>
        </div>
        <div class="card-body">
            @php
                $activePeriode = \App\Models\Periode::where('status', \App\Models\Periode::STATUS_AKTIF)->first();
                $tahunPel = $activePeriode->tahun_pelajaran ?? '-';
                $semester = $activePeriode->semester ?? '-';
            @endphp
            <div class="d-flex justify-content-between align-items-center">
                <h6 class="mt-2 mb-0">Daftar Penilaian Kuantitatif Mata Pelajaran Peserta Didik</h6>
                <div>
                    <button type="button" id="btnTemplate" class="btn btn-primary btn-sm me-1" data-bs-toggle="modal" data-bs-target="#modalTemplateIntrakulikuler"><i class="bi bi-download"></i> Template</button>
                    <button type="button" class="btn btn-success btn-sm me-1" id="btnImportToggle" data-bs-toggle="modal" data-bs-target="#modalImportIntrakulikuler"><i class="bi bi-upload"></i> Import</button>
                    <button type="button" class="btn btn-warning btn-sm me-1" id="btnExport" data-bs-toggle="modal" data-bs-target="#modalExportIntrakulikuler"><i class="bi bi-file-earmark-arrow-down"></i> Export</button>
                    <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalTambahNilaiIntrakulikuler">
                        <i class="bi bi-plus-lg me-1"></i> Tambah Nilai
                    </button>
                </div>
            </div>
            <div class="small text-danger">Tahun Pelajaran: <strong>{{ $tahunPel }}</strong> &nbsp;|&nbsp; Semester: <strong>{{ $semester }}</strong></div>
            <div class="row mt-3">
                <div class="col-md-12">
                    <form id="filterForm" method="GET" action="">
                        <div class="row g-2 align-items-end">
                            <div class="col-md-4">
                                <label class="form-label small">Kelas</label>
                                <select id="filterKelas" name="kelas" class="form-select">
                                    <option value="">-- Pilih Kelas --</option>
                                    @foreach($kelases ?? [] as $kelas)
                                        <option value="{{ $kelas->id }}" {{ (isset($selectedKelas) && $selectedKelas == $kelas->id) ? 'selected' : '' }}>{{ $kelas->nama ?? $kelas->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label small">Peserta Didik</label>
                                <select id="filterPeserta" name="peserta" class="form-select" {{ empty($selectedKelas) ? 'disabled' : '' }}>
                                    <option value="">-- Pilih Kelas terlebih dahulu --</option>
                                    @if(!empty($selectedKelas) && !empty($selectedPeserta))
                                        @php
                                            $pd = \App\Models\DidikPokok::find($selectedPeserta);
                                        @endphp
                                        @if($pd)
                                            <option value="{{ $pd->id }}" selected>{{ $pd->nama }}</option>
                                        @endif
                                    @endif
                                </select>
                            </div>
                            
                        </div>
                    </form>
                </div>
            </div>
            {{-- Partials removed per request --}}
            @if(!empty($selectedKelas) && !empty($selectedPeserta))
            <div class="table-responsive mt-3" style="overflow-x:auto;">
                <table class="table table-bordered table-striped" style="min-width:1200px; white-space:nowrap;">
                    <thead class="table-light">
                        <tr>
                            <th>Nama Peserta Didik</th>
                            <th>Kelas</th>
                            <th>Mata Pelajaran</th>
                            <th>Nilai 1</th>
                            <th>Nilai 2</th>
                            <th>Nilai 3</th>
                            <th>Nilai 4</th>
                            <th>Nilai 5</th>
                            <th>Nilai 6</th>
                            <th>N-Sumatif</th>
                            <th>N-Akhir Semester</th>
                            <th>Nilai Akhir</th>
                            <th>Deskripsi</th>
                            <th>Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($penilaianIntrakulikuler ?? [] as $item)
                            <tr>
                                <td>{{ $item->peserta_didik->nama ?? $item->siswa->name ?? $item->nama ?? '-' }}</td>
                                <td>{{ $item->kelas->nama ?? $item->kelas ?? '-' }}</td>
                                <td>{{ $item->mata_pelajaran->nama ?? $item->mapel->nama ?? $item->mata_pelajaran ?? '-' }}</td>
                                <td>{{ $item->nilai1 ?? '-' }}</td>
                                <td>{{ $item->nilai2 ?? '-' }}</td>
                                <td>{{ $item->nilai3 ?? '-' }}</td>
                                <td>{{ $item->nilai4 ?? '-' }}</td>
                                <td>{{ $item->nilai5 ?? '-' }}</td>
                                <td>{{ $item->nilai6 ?? '-' }}</td>
                                <td>{{ $item->n_sumatif ?? $item->n_sumatif ?? '-' }}</td>
                                <td>{{ $item->n_akhir_semester ?? $item->n_akhir_semester ?? '-' }}</td>
                                <td>{{ $item->nilai_akhir ?? $item->nilaiAkhir ?? '-' }}</td>
                                @php
                                    // Try to obtain the Mata Pelajaran model (some items use mapel, some mata_pelajaran)
                                    $mapel = $item->mata_pelajaran ?? $item->mapel ?? null;

                                    // Collect materi names (materi1..materi6) when available
                                    $materis = [];
                                    for ($i = 1; $i <= 6; $i++) {
                                        $materis[$i] = null;
                                        if (is_object($mapel)) {
                                            $m = $mapel->{'materi'.$i} ?? null;
                                            $materis[$i] = trim((string) ($m ?? '')) !== '' ? $m : null;
                                        }
                                    }

                                    // Collect nilai1..nilai6 as numeric or null
                                    $nilais = [];
                                    for ($i = 1; $i <= 6; $i++) {
                                        $v = $item->{'nilai'.$i} ?? null;
                                        $nilais[$i] = is_numeric($v) ? (float) $v : null;
                                    }

                                    // Determine nilai akhir to compare against
                                    $nilaiAkhir = $item->nilai_akhir ?? $item->nilaiAkhir ?? $item->n_akhir_semester ?? $item->n_sumatif ?? null;
                                    if (!is_numeric($nilaiAkhir)) {
                                        $available = array_filter($nilais, function ($v) { return is_numeric($v); });
                                        $nilaiAkhir = count($available) ? array_sum($available) / count($available) : null;
                                    }

                                    $above = [];
                                    $below = [];
                                    if ($nilaiAkhir !== null) {
                                        foreach ($materis as $idx => $m) {
                                            $n = $nilais[$idx] ?? null;
                                            if ($m === null || $n === null) {
                                                continue;
                                            }
                                            if ($n > $nilaiAkhir) {
                                                $above[] = $m;
                                            } elseif ($n < $nilaiAkhir) {
                                                $below[] = $m;
                                            }
                                        }
                                    }

                                    // If none above, pick materi with highest nilai (if any)
                                    if (empty($above)) {
                                        $bestIdx = null;
                                        $bestVal = null;
                                        foreach ($materis as $idx => $m) {
                                            $n = $nilais[$idx] ?? null;
                                            if ($m && is_numeric($n)) {
                                                if ($bestVal === null || $n > $bestVal) {
                                                    $bestVal = $n; $bestIdx = $idx;
                                                }
                                            }
                                        }
                                        if ($bestIdx !== null) {
                                            $above = [$materis[$bestIdx]];
                                        }
                                    }

                                    // If none below, pick materi with lowest nilai (if any)
                                    if (empty($below)) {
                                        $worstIdx = null;
                                        $worstVal = null;
                                        foreach ($materis as $idx => $m) {
                                            $n = $nilais[$idx] ?? null;
                                            if ($m && is_numeric($n)) {
                                                if ($worstVal === null || $n < $worstVal) {
                                                    $worstVal = $n; $worstIdx = $idx;
                                                }
                                            }
                                        }
                                        if ($worstIdx !== null) {
                                            $below = [$materis[$worstIdx]];
                                        }
                                    }

                                    $parts = [];
                                    $nickname = $item->peserta_didik->nama_panggilan ?? $item->peserta_didik->panggilan ?? $item->peserta_didik->nama ?? $item->siswa->name ?? $item->nama ?? '-';
                                    // escape materi texts for safe HTML output
                                    $aboveEsc = array_map(function($m){ return e($m); }, $above);
                                    $belowEsc = array_map(function($m){ return e($m); }, $below);

                                    if (!empty($aboveEsc)) {
                                        $parts[] = 'Ananda '.e(trim($nickname)).' <strong>mampu</strong> dalam '.implode(', ', $aboveEsc);
                                    }
                                    if (!empty($belowEsc)) {
                                        $parts[] = '<strong>perlu perhatian</strong> dalam '.implode(', ', $belowEsc);
                                    }

                                    if (count($parts)) {
                                        $deskripsiGenerated = implode(' | ', $parts);
                                    } else {
                                        $deskripsiGenerated = e($item->deskripsi ?? '-');
                                    }
                                @endphp
                                <td>{!! $deskripsiGenerated !!}</td>
                                <td>
                                    @if(request()->is('guru/*') || (auth()->check() && optional(auth()->user())->role === 'guru'))
                                        <a href="{{ route('guru.penilaian.intrakulikuler.edit', $item->id) }}" class="btn btn-sm btn-primary btn-icon me-1" title="Edit"><i class="bi bi-pencil"></i></a>
                                        <form method="POST" action="{{ route('guru.penilaian.intrakulikuler.destroy', $item->id) }}" style="display:inline-block;" onsubmit="return confirm('Hapus penilaian ini?');">
                                            @csrf
                                            @method('DELETE')
                                            <button class="btn btn-sm btn-danger btn-icon" title="Hapus"><i class="bi bi-trash"></i></button>
                                        </form>
                                    @else
                                        <a href="{{ route('admin.penilaian.intrakulikuler.edit', $item->id) }}" class="btn btn-sm btn-warning">Edit</a>
                                        <form method="POST" action="{{ route('admin.penilaian.intrakulikuler.destroy', $item->id) }}" style="display:inline-block;" onsubmit="return confirm('Hapus penilaian ini?');">
                                            @csrf
                                            @method('DELETE')
                                            <button class="btn btn-sm btn-danger">Hapus</button>
                                        </form>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="13" class="text-center">Tidak ada data penilaian intrakulikuler untuk filter ini.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @else
                <div class="alert alert-info mt-3">Silakan pilih <strong>Kelas</strong> dan <strong>Peserta Didik</strong> untuk menampilkan data.</div>
            @endif
            
            @include('admin.penilaian.intrakulikuler.create')

            <!-- Template Modal -->
            <div class="modal fade" id="modalTemplateIntrakulikuler" tabindex="-1" aria-hidden="true">
                <div class="modal-dialog modal-lg modal-dialog-scrollable">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Download Template Intrakulikuler</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            @includeIf('admin.penilaian.intrakulikuler.template')
                        </div>
                    </div>
                </div>
            </div>

            <!-- Import Modal (uses partial) -->
            <div class="modal fade" id="modalImportIntrakulikuler" tabindex="-1" aria-hidden="true">
                <div class="modal-dialog modal-lg modal-dialog-scrollable">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Import Penilaian Intrakulikuler</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            @includeIf('admin.penilaian.intrakulikuler.import')
                        </div>
                    </div>
                </div>
            </div>

            <!-- Export Modal -->
            <div class="modal fade" id="modalExportIntrakulikuler" tabindex="-1" aria-hidden="true">
                <div class="modal-dialog modal-lg modal-dialog-scrollable">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Export Penilaian Intrakulikuler</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            @includeIf('admin.penilaian.intrakulikuler.export')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script>
(function(){
    const kelasSel = document.getElementById('filterKelas');
    const pesertaSel = document.getElementById('filterPeserta');
    // dynamic base URL to support /guru/penilaian AJAX endpoints when in guru area
    const baseUrl = (window.location.pathname.indexOf('/guru/') === 0) ? "{{ url('guru/penilaian/peserta-kelas') }}" : "{{ url('admin/penilaian/peserta-kelas') }}";
    if (!kelasSel || !pesertaSel) return;

    function loadPeserta(kelasId){
        pesertaSel.innerHTML = '<option>-- Memuat peserta --</option>';
        pesertaSel.disabled = true;
        if (!kelasId) { pesertaSel.innerHTML = '<option>-- Pilih Kelas terlebih dahulu --</option>'; return; }
        fetch(baseUrl + '/' + encodeURIComponent(kelasId))
            .then(r => r.json())
            .then(data => {
                pesertaSel.innerHTML = '<option value="">-- Pilih Peserta Didik --</option>';
                if (Array.isArray(data) && data.length) {
                    data.forEach(function(p){
                        const opt = document.createElement('option'); opt.value = p.id; opt.textContent = p.nama ?? p.name ?? ('Peserta '+(p.id||''));
                        pesertaSel.appendChild(opt);
                    });
                    pesertaSel.disabled = false;
                } else {
                    pesertaSel.innerHTML = '<option value="">-- Tidak ada peserta --</option>';
                    pesertaSel.disabled = true;
                }
            }).catch(err => {
                pesertaSel.innerHTML = '<option value="">-- Gagal memuat peserta --</option>';
                pesertaSel.disabled = true;
            });
    }

    kelasSel.addEventListener('change', function(){
        loadPeserta(this.value);
    });

    pesertaSel.addEventListener('change', function(){
        if (!this.value) return;
        // submit form to filter
        document.getElementById('filterForm').submit();
    });

    // preload peserta when a kelas is already selected (on page load)
    @if(!empty($selectedKelas))
        loadPeserta('{{ $selectedKelas }}');
    @endif
})();
</script>
<script>
(function(){
    const filterKelas = document.getElementById('filterKelas');
    const filterPeserta = document.getElementById('filterPeserta');

    const btnExportCsvPartial = document.getElementById('btnExportCsv');
    const btnExportXlsxPartial = document.getElementById('btnExportXlsx');
    if (btnExportCsvPartial) {
        btnExportCsvPartial.addEventListener('click', function(e){
            e.preventDefault();
            const base = "{{ route(request()->is('guru/*') ? 'guru.penilaian.intrakulikuler.export' : 'admin.penilaian.intrakulikuler.export') }}";
            const params = new URLSearchParams();
            // prefer modal export selects when present
            const exportKelas = document.getElementById('exportKelas');
            const exportMapel = document.getElementById('exportMapel');
            if (exportKelas && exportKelas.value) params.set('kelas', exportKelas.value);
            else if (filterKelas && filterKelas.value) params.set('kelas', filterKelas.value);
            if (filterPeserta && filterPeserta.value) params.set('peserta', filterPeserta.value);
            if (exportMapel && exportMapel.value) params.set('mata_pelajaran', exportMapel.value);
            window.location.href = base + (params.toString() ? ('?' + params.toString()) : '');
        });
    }
    if (btnExportXlsxPartial) {
        btnExportXlsxPartial.addEventListener('click', function(e){
            e.preventDefault();
            const base = "{{ route(request()->is('guru/*') ? 'guru.penilaian.intrakulikuler.export.xlsx' : 'admin.penilaian.intrakulikuler.export.xlsx') }}";
            const params = new URLSearchParams();
            const exportKelas = document.getElementById('exportKelas');
            const exportMapel = document.getElementById('exportMapel');
            if (exportKelas && exportKelas.value) params.set('kelas', exportKelas.value);
            else if (filterKelas && filterKelas.value) params.set('kelas', filterKelas.value);
            if (filterPeserta && filterPeserta.value) params.set('peserta', filterPeserta.value);
            if (exportMapel && exportMapel.value) params.set('mata_pelajaran', exportMapel.value);
            window.location.href = base + (params.toString() ? ('?' + params.toString()) : '');
        });
    }
})();
</script>
@endpush