{{-- resources/views/admin/akademik/kurikulum/kelola_tltp.blade.php --}}

@php
    $mapelReferensi = \App\Models\Akademik\Mapel::where('tahun_ajaran_id', $kurikulum->tahun_ajaran_id)
                        ->where('level_kelas_id', $kurikulum->level_kelas_id)
                        ->where('mapel_nama_id', $kurikulum->mapel_id) 
                        ->first();
                        
    $alokasiMingguan = $mapelReferensi->alokasi_jam ?? 0;
    $estimasiJpSemester = $alokasiMingguan * 18; 

    $totalJpTerdistribusi = 0;
    if(isset($atps)) {
        foreach($atps as $atpItem) {
            $totalJpTerdistribusi += $atpItem->tltps->sum('jam_pelajaran');
        }
    }
    $sisaKuota = $estimasiJpSemester - $totalJpTerdistribusi;
@endphp

<div class="card border-0 shadow-sm rounded-4 mb-4 {{ $alokasiMingguan > 0 ? 'bg-primary bg-opacity-10' : 'bg-warning bg-opacity-10' }}">
    <div class="card-body p-4">
        <div class="d-flex align-items-center mb-3 border-bottom pb-2">
            <i class="fas {{ $alokasiMingguan > 0 ? 'fa-chart-pie text-primary' : 'fa-exclamation-triangle text-warning' }} fa-lg me-2"></i>
            <h6 class="fw-bold m-0 {{ $alokasiMingguan > 0 ? 'text-primary' : 'text-warning' }}">
                Status Alokasi Jam Pelajaran (Semester Ini)
            </h6>
        </div>
        
        @if($alokasiMingguan > 0)
            <div class="row text-center g-3">
                <div class="col-md-4">
                    <div class="bg-white p-3 rounded-3 shadow-sm border-start border-4 border-info">
                        <small class="text-muted d-block fw-bold mb-1">Total Kuota Semester</small>
                        <h4 class="fw-bold text-dark m-0">{{ $estimasiJpSemester }} <span class="fs-6">JP</span></h4>
                        <small class="text-muted" style="font-size: 0.7rem;">(18 Minggu x {{ $alokasiMingguan }} JP)</small>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="bg-white p-3 rounded-3 shadow-sm border-start border-4 border-warning">
                        <small class="text-muted d-block fw-bold mb-1">Telah Didistribusikan</small>
                        <h4 class="fw-bold text-warning m-0">{{ $totalJpTerdistribusi }} <span class="fs-6">JP</span></h4>
                        <small class="text-muted" style="font-size: 0.7rem;">(Total JP di tabel bawah)</small>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="bg-white p-3 rounded-3 shadow-sm border-start border-4 {{ $sisaKuota < 0 ? 'border-danger' : 'border-success' }}">
                        <small class="text-muted d-block fw-bold mb-1">Sisa Kuota / Saldo</small>
                        <h4 class="fw-bold {{ $sisaKuota < 0 ? 'text-danger' : 'text-success' }} m-0">{{ $sisaKuota }} <span class="fs-6">JP</span></h4>
                        <small class="text-muted" style="font-size: 0.7rem;">
                            {!! $sisaKuota < 0 ? '<span class="text-danger fw-bold">Overload! Kurangi Materi.</span>' : 'Sisa jam yang bisa diinput' !!}
                        </small>
                    </div>
                </div>
            </div>
        @else
            <div class="alert alert-warning border-0 m-0 shadow-sm rounded-3">
                <i class="fas fa-info-circle me-2"></i> <strong>Beban JP belum diatur.</strong> Admin belum mengatur <strong>Alokasi JP Mingguan</strong> untuk mata pelajaran ini di menu Manajemen Jadwal.
            </div>
        @endif
    </div>
</div>

<div class="card card-round shadow-sm border-0">
    <div class="card-header d-flex justify-content-between align-items-center py-3 bg-white">
        <div>
            <h5 class="fw-bold text-dark m-0"><i class="fas fa-tasks text-primary me-2"></i> F. TINDAK LANJUT TP</h5>
            <small class="text-muted">Manajemen Tindak Lanjut Tujuan Pembelajaran, Materi, Perkakas, dan Jam Pelajaran.</small>
        </div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-striped table-hover mb-0 align-middle">
                <thead class="table-dark text-center align-middle">
                    <tr>
                        <th width="5%" class="border-secondary border-end">No</th>
                        <th width="25%" class="border-secondary border-end text-start">Alur Tujuan Pembelajaran (ATP)</th>
                        <th width="20%" class="border-secondary border-end text-start">Tujuan Pembelajaran</th>
                        <th width="20%" class="border-secondary border-end text-start">Materi</th>
                        <th width="15%" class="border-secondary border-end text-start">Perkakas</th>
                        <th width="10%" class="border-secondary border-end">Beban JP</th>
                        <th width="5%" class="border-secondary">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @if($atps->isEmpty())
                        <tr>
                            <td colspan="7" class="text-center py-5 text-muted border-secondary">
                                <i class="fa fa-folder-open fa-3x mb-3 opacity-25"></i><br>
                                Data Tindak Lanjut TP belum tersedia.
                            </td>
                        </tr>
                    @else
                        @php $noLanjut = 1; @endphp
                        @foreach($cps as $cp)
                            @php $cp_atps = $atps->where('kurikulum_cp_id', $cp->id); @endphp
                            
                            @if($cp_atps->count() > 0)
                                <tr style="background-color: #e9ecef;">
                                    <td colspan="7" class="fw-bold text-dark py-2 px-4 border-secondary border-bottom">
                                        <i class="fa fa-caret-right text-primary me-2"></i> Elemen Induk : {{ $cp->elemen }}
                                    </td>
                                </tr>
                                
                                @foreach($cp_atps as $atp)
                                    @php $alurs = json_decode($atp->tahapan, true); @endphp
                                    
                                    @if(is_array($alurs) && count($alurs) > 0)
                                        @foreach($alurs as $alurIndex => $alur)
                                            @php 
                                                $cp_induk = \App\Models\Akademik\KurikulumCp::find($alur['cp_id']); 
                                                $nama_elemen = $cp_induk ? $cp_induk->elemen : 'Elemen Dihapus';
                                                
                                                $tltp = $atp->tltps->where('alur_index', $alurIndex)->first();
                                                $tujuan   = $tltp->tujuan_pembelajaran ?? null;
                                                $materi   = $tltp->materi ?? null;
                                                $perkakas = $tltp->perkakas ?? null;
                                                $jp       = $tltp->jam_pelajaran ?? 0;
                                            @endphp
                                            <tr>
                                                <td class="text-center align-top border-secondary border-end fw-bold text-secondary">{{ $noLanjut++ }}</td>
                                                
                                                <td class="align-top small border-secondary border-end p-3">
                                                    <span class="fw-bold text-dark d-block border-bottom pb-1 mb-2">{{ $nama_elemen }}</span>
                                                    <ul class="ps-3 mb-0 text-muted" style="list-style-type: square; font-size: 0.85rem;">
                                                    @foreach($alur['tps'] as $tp_text)
                                                        <li>{{ $tp_text }}</li>
                                                    @endforeach
                                                    </ul>
                                                </td>

                                                <td class="align-top small border-secondary border-end p-3">
                                                    {!! $tujuan ?? '<span class="text-muted fst-italic">Belum diisi</span>' !!}
                                                </td>

                                                <td class="align-top small border-secondary border-end p-3">
                                                    {!! $materi ?? '<span class="text-muted fst-italic">Belum diisi</span>' !!}
                                                </td>
                                                
                                                <td class="align-top small border-secondary border-end p-3">
                                                    {!! $perkakas ?? '<span class="text-muted fst-italic">Belum diisi</span>' !!}
                                                </td>
                                                
                                                <td class="align-middle text-center fw-bold border-secondary border-end p-2 bg-light">
                                                    <span class="badge {{ $jp > 0 ? 'bg-primary' : 'bg-secondary' }} fs-6">{{ $jp }} JP</span>
                                                </td>

                                                <td class="text-center align-middle border-secondary p-2">
                                                    <a href="{{ route('admin.kurikulum.tltp.edit', ['atp_id' => $atp->id, 'alur_index' => $alurIndex]) }}" 
                                                       class="btn btn-sm btn-warning btn-round shadow-sm" 
                                                       title="Edit Tindak Lanjut TP">
                                                        <i class="fa fa-edit"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                @endforeach
                            @endif
                        @endforeach
                    @endif
                </tbody>
            </table>
        </div>
    </div>
</div>