@extends('guru.layout')
@section('title','Hasil Belajar')
@section('content')
    <div class="card" style="border:1px solid #e5e7eb;border-radius:8px;padding:16px">
        <div class="card-body">
            <h3 style="margin-top:0;margin-bottom:6px"><i class="bi bi-bar-chart-line" style="margin-right:8px;color:#374151;font-size:1.05em"></i>Hasil Belajar Peserta Didik</h3>
            <p style="margin-top:0;margin-bottom:12px;color:#6b7280">Data Hasil belajar perserta didik selama mengikuti pemebelajaran dalam satu tahun pelajaran per semester.</p>

            @php
                $year = date('Y');
                $month = date('n');
                $tp = $month >= 7 ? $year . '/' . ($year + 1) : ($year - 1) . '/' . $year;
                $user = auth()->user();
                $sekolahName = '';
                $sekolahId = null;
                $jenjang = '';
                $kelas = $user->kelas ?? '';
                $fase = '';
                try {
                    if (\Illuminate\Support\Facades\Schema::hasTable('sekolah_binaans') && !empty($user->sekolah_binaan_id)) {
                        $s = \App\Models\SekolahBinaan::find($user->sekolah_binaan_id);
                        if ($s) { $sekolahName = $s->nama_sekolah ?? ''; $sekolahId = $s->id; $jenjang = $s->jenjang ?? ''; }
                    }
                } catch (\Throwable $e) { }

                // Prefer fase value derived from identitas logic (same as resources/views/guru/identitas)
                try {
                    // If user has a stored fase attribute, use it
                    if (!empty($user->fase)) {
                        $fase = $user->fase;
                    } else {
                        // If guru_kelas: compute fase from single kelas
                        if (!empty($user->jabatan) && $user->jabatan === 'guru_kelas') {
                            if (!empty($kelas)) {
                                $fase = \App\Models\AlurTujuanPembelajaran::kelasToFase($kelas);
                            }
                        }

                        // If guru_mapel: compute fase(s) from kelas list (comma-separated or array)
                        if (empty($fase) && !empty($user->jabatan) && $user->jabatan === 'guru_mapel') {
                            $rawKelas = $user->kelas ?? '';
                            $userKelasArr = [];
                            if (is_array($rawKelas)) {
                                $userKelasArr = $rawKelas;
                            } elseif (!empty($rawKelas)) {
                                $userKelasArr = array_filter(array_map('trim', explode(',', $rawKelas)));
                            }
                            if (!empty($userKelasArr)) {
                                $fases = [];
                                foreach ($userKelasArr as $ck) {
                                    $f = \App\Models\AlurTujuanPembelajaran::kelasToFase($ck);
                                    if (!empty($f) && !in_array($f, $fases)) $fases[] = $f;
                                }
                                $fase = count($fases) ? implode(',', $fases) : '';
                            } else {
                                $fase = \App\Models\AlurTujuanPembelajaran::kelasToFase($rawKelas ?? null);
                            }
                        }

                        // Fallbacks
                        if (empty($fase) && !empty($jenjang)) {
                            $fase = 'Fase ' . $jenjang;
                        }
                        if (empty($fase) && !empty($kelas)) {
                            $fase = 'Kelas ' . $kelas;
                        }
                    }
                } catch (\Throwable $e) {
                    // keep fase empty on error
                    $fase = $user->fase ?? '';
                }
            @endphp

            <form method="POST" action="{{ route('guru.hasil_belajar.save') }}" enctype="multipart/form-data" style="margin-bottom:14px;border-top:1px dashed #e6e6e6;padding-top:12px">
                @csrf
                <div style="display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start">
                    <div style="flex:0 0 220px;min-width:180px;margin-bottom:12px;margin-right:18px">
                        <label style="font-weight:600;display:block;margin-bottom:6px">Tahun Pelajaran</label>
                        <input type="text" name="tahun_pelajaran" value="{{ $tp }}" readonly style="width:100%;padding:8px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;box-sizing:border-box" />
                    </div>
                    <div style="flex:0 0 140px;min-width:120px;margin-bottom:12px">
                        <label style="font-weight:600;display:block;margin-bottom:6px">Semester</label>
                        <select name="semester" style="width:100%;padding:8px;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box">
                            <option value="ganjil">Ganjil</option>
                            <option value="genap">Genap</option>
                        </select>
                    </div>
                    <div style="flex:1 1 380px;min-width:220px;margin-bottom:12px;margin-right:18px">
                        <label style="font-weight:600;display:block;margin-bottom:6px">Sekolah</label>
                        <input type="text" value="{{ $sekolahName }}" readonly style="width:100%;padding:8px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;box-sizing:border-box" />
                        <input type="hidden" name="sekolah_binaan_id" value="{{ $sekolahId }}" />
                    </div>
                    <div style="flex:0 0 120px;min-width:100px;margin-bottom:12px;margin-right:18px">
                        <label style="font-weight:600;display:block;margin-bottom:6px">Jenjang</label>
                        <input type="text" name="jenjang" value="{{ $jenjang }}" readonly style="width:100%;padding:8px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;box-sizing:border-box" />
                    </div>
                    <div style="flex:0 0 120px;min-width:100px;margin-bottom:12px">
                        <label style="font-weight:600;display:block;margin-bottom:6px">Kelas</label>
                        <input type="text" name="kelas" value="{{ $kelas }}" readonly style="width:100%;padding:8px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;box-sizing:border-box" />
                    </div>
                    <div style="flex:0 0 220px;min-width:140px;margin-bottom:12px;margin-right:18px">
                        <label style="font-weight:600;display:block;margin-bottom:6px">Fase</label>
                        <input type="text" name="fase" value="{{ $fase }}" readonly style="width:100%;padding:8px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;box-sizing:border-box" />
                    </div>
                    <div style="flex:1 1 260px;min-width:180px;margin-bottom:12px">
                        <label style="font-weight:600;display:block;margin-bottom:6px">Nama Guru</label>
                        <input type="text" name="nama_guru" value="{{ $user->name }}" readonly style="width:100%;padding:8px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;box-sizing:border-box" />
                    </div>
                </div>

                <div style="margin-top:6px;margin-bottom:6px">
                    <label style="font-weight:600;display:block;margin-bottom:6px">Upload Dokumen Hasil Belajar</label>
                    <input type="file" name="dokumen" accept=".xls,.xlsx" style="width:100%" />
                    @error('dokumen') <div style="color:#b91c1c;margin-top:6px">{{ $message }}</div> @enderror
                </div>

                <div style="margin-top:10px">
                    <button type="submit" style="background:var(--header-bg);color:#fff;padding:8px 12px;border-radius:6px;border:none;cursor:pointer">Simpan Hasil Belajar</button>
                </div>
            </form>

            @if(isset($data) && count($data))
                <div style="overflow-x:auto;margin-top:8px;padding-bottom:8px">
                    <table style="min-width:1000px;width:100%;border-collapse:collapse;white-space:nowrap">
                        <thead>
                            <tr style="text-align:left;background:#fafafa">
                                <th style="padding:8px;border-bottom:1px solid #eee">Tgl</th>
                                <th style="padding:8px;border-bottom:1px solid #eee">Tahun Pelajaran</th>
                                <th style="padding:8px;border-bottom:1px solid #eee">Semester</th>
                                <th style="padding:8px;border-bottom:1px solid #eee">Sekolah</th>
                                <th style="padding:8px;border-bottom:1px solid #eee">Jenjang</th>
                                <th style="padding:8px;border-bottom:1px solid #eee">Kelas</th>
                                <th style="padding:8px;border-bottom:1px solid #eee">Fase</th>
                                <th style="padding:8px;border-bottom:1px solid #eee">Dokumen</th>
                                <th style="padding:8px;border-bottom:1px solid #eee">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($data as $d)
                                @php
                                    $tgl = isset($d->created_at) ? (string)$d->created_at : (isset($d->created) ? (string)$d->created : '');
                                    $dok = isset($d->dokumen_path) ? $d->dokumen_path : (isset($d->dokumen) ? $d->dokumen : null);
                                    $sekolahNm = null;
                                    if (isset($d->sekolah_binaan_id) && $d->sekolah_binaan_id) {
                                        try { $s = \App\Models\SekolahBinaan::find($d->sekolah_binaan_id); if($s) $sekolahNm = $s->nama_sekolah; } catch(\Throwable$e){}
                                    }
                                @endphp
                                <tr>
                                    <td style="padding:8px;border-top:1px solid #f3f3f3">{{ $tgl ? \Illuminate\Support\Str::limit($tgl,19) : '-' }}</td>
                                    <td style="padding:8px;border-top:1px solid #f3f3f3">{{ $d->tahun_pelajaran ?? '-' }}</td>
                                    <td style="padding:8px;border-top:1px solid #f3f3f3">{{ $d->semester ?? '-' }}</td>
                                    <td style="padding:8px;border-top:1px solid #f3f3f3">{{ $sekolahNm ?? ($d->sekolah_name ?? ($d->sekolah ?? '-')) }}</td>
                                    <td style="padding:8px;border-top:1px solid #f3f3f3">{{ $d->jenjang ?? '-' }}</td>
                                    <td style="padding:8px;border-top:1px solid #f3f3f3">{{ $d->kelas ?? '-' }}</td>
                                    <td style="padding:8px;border-top:1px solid #f3f3f3">{{ $d->fase ?? '-' }}</td>
                                    <td style="padding:8px;border-top:1px solid #f3f3f3">
                                        @if($dok)
                                            <a href="{{ asset($dok) }}" target="_blank" style="color:var(--header-bg)">Lihat / Unduh</a>
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td style="padding:8px;border-top:1px solid #f3f3f3">
                                        <form method="POST" action="{{ route('guru.hasil_belajar.delete', ['id' => $d->id]) }}" style="display:inline" onsubmit="return confirm('Hapus entri hasil belajar ini?');">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" style="background:#ef4444;color:#fff;padding:6px 8px;border-radius:4px;border:none;cursor:pointer">Hapus</button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <p style="margin:0">Belum ada data hasil belajar.</p>
            @endif
        </div>
    </div>
@endsection