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

<form action="{{ route('admin.kurikulum.prosem.update') }}" method="POST">
    @csrf
    <input type="hidden" name="kurikulum_id" value="{{ $kurikulum->id }}">

    @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; 

        // 2. HITUNG TOTAL JP YANG SUDAH TERPAKAI (Diinput di TLTP)
        $totalJpTerdistribusi = 0;
        if(isset($atps)) {
            foreach($atps as $atpItem) {
                $totalJpTerdistribusi += $atpItem->tltps->sum('jam_pelajaran');
            }
        }
        
        $sisaKuota = $estimasiJpSemester - $totalJpTerdistribusi;
    @endphp

    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h5 class="fw-bold text-dark m-0"><i class="fas fa-calendar-alt text-primary me-2"></i> G. PROGRAM SEMESTER (PROSEM)</h5>
            <small class="text-muted">Distribusi Alokasi Waktu (JP) Alur Tujuan Pembelajaran per Minggu dalam Semester.</small>
        </div>
        <div>
            <button type="submit" class="btn btn-success btn-round shadow-sm px-4">
                <i class="fas fa-save me-1"></i> Simpan Prosem
            </button>
        </div>
    </div>

    <div class="card border-0 shadow-sm rounded-4 mb-4">
        <div class="card-body p-3">
            <div class="d-flex align-items-center mb-3 border-bottom pb-2">
                <i class="fas {{ $alokasiMingguan > 0 ? 'fa-chart-bar text-primary' : 'fa-exclamation-triangle text-warning' }} fa-lg me-2"></i>
                <h6 class="fw-bold m-0 text-dark">
                    Monitoring Alokasi Waktu Semester
                </h6>
            </div>
            
            @if($alokasiMingguan > 0)
                <div class="row text-center g-3">
                    <div class="col-md-4">
                        <div class="bg-light p-3 rounded-3 border-start border-4 border-info">
                            <small class="text-muted d-block fw-bold mb-1">Target Semester</small>
                            <h4 class="fw-bold text-primary 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-light p-3 rounded-3 border-start border-4 border-warning">
                            <small class="text-muted d-block fw-bold mb-1">Total Kebutuhan Materi</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;">(Dari Tindak Lanjut TP)</small>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-light p-3 rounded-3 border-start border-4 {{ $sisaKuota < 0 ? 'border-danger' : 'border-success' }}">
                            <small class="text-muted d-block fw-bold mb-1">Status Rencana Waktu</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! Cek kembali materi.</span>' : 'Beban materi proporsional' !!}
                            </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 harus mengisi "Alokasi Jam" untuk mapel ini di menu Manajemen Jadwal terlebih dahulu.
                </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">
            <div class="card-title" style="font-size: 1.1rem;">
                <i class="fa fa-th me-2 text-primary"></i> 
                Matriks Distribusi Program Semester
            </div>
        </div>
        
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-striped table-hover align-middle mb-0 table-sm border-top-0">
                    <thead class="table-dark text-center align-middle">
                        <tr>
                            <th rowspan="2" width="3%" class="border-secondary border-end">No</th>
                            <th rowspan="2" width="25%" class="border-secondary border-end text-start">Alur Tujuan Pembelajaran (ATP)</th>
                            <th rowspan="2" width="6%" class="border-secondary border-end">JP</th>
                            @for($b = 1; $b <= 6; $b++)
                                <th colspan="5" class="border-secondary border-end text-uppercase" style="background-color: #2b2b2b;">Bln {{ $b }}</th>
                            @endfor
                        </tr>
                        <tr>
                            @for($b = 1; $b <= 6; $b++)
                                @for($m = 1; $m <= 5; $m++)
                                    <th width="2%" class="border-secondary border-end" style="font-size: 0.7rem; background-color: #3f3f3f;">M{{ $m }}</th>
                                @endfor
                            @endfor
                        </tr>
                    </thead>
                    <tbody>
                        @if($atps->isEmpty())
                            <tr>
                                <td colspan="33" class="text-center py-5 text-muted border-secondary">
                                    <i class="fas fa-folder-open fa-3x mb-3 opacity-50"></i>
                                    <h5>Belum Ada Data Prosem</h5>
                                    <p class="mb-0">Pastikan ATP telah diisi sebelumnya.</p>
                                </td>
                            </tr>
                        @else
                            @php $noProsem = 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="33" class="fw-bold text-dark py-2 px-4 border-secondary">
                                            <i class="fa fa-caret-right text-primary me-2"></i> Elemen : {{ $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();
                                                    $jp   = $tltp->jam_pelajaran ?? 0;
                                                    $rowId = "prosem_" . $atp->id . "_" . $alurIndex;
                                                    
                                                    $prosemRowData = $prosems->where('kurikulum_atp_id', $atp->id)->where('alur_index', $alurIndex);
                                                @endphp
                                                <tr>
                                                    <td class="text-center fw-bold text-secondary border-secondary border-end">{{ $noProsem++ }}</td>
                                                    <td class="align-top small p-3 border-secondary border-end">
                                                        <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.8rem;">
                                                        @foreach($alur['tps'] as $tp_text) <li>{{ $tp_text }}</li> @endforeach
                                                        </ul>
                                                    </td>
                                                    <td class="align-middle text-center border-secondary border-end bg-light">
                                                        <span class="badge bg-secondary px-2 py-1 fs-6">{{ $jp }}</span>
                                                        <input type="hidden" name="jp[{{ $rowId }}]" value="{{ $jp }}">
                                                    </td>
                                                    
                                                    @for($b = 1; $b <= 6; $b++)
                                                        @for($m = 1; $m <= 5; $m++)
                                                            @php
                                                                $valSaved = '';
                                                                if($prosemRowData->count() > 0){
                                                                    $matchData = $prosemRowData->where('bulan', $b)->where('minggu_ke', $m)->first();
                                                                    $valSaved = $matchData->jam_pelajaran ?? '';
                                                                }
                                                            @endphp
                                                            <td class="align-middle p-0 border-secondary border-end" style="background-color: #fff; min-width: 30px;">
                                                                <input type="text" name="distribusi[{{ $rowId }}][{{ $b }}][{{ $m }}]" 
                                                                       value="{{ $valSaved }}"
                                                                       class="form-control text-center shadow-none border-0 p-1 w-100 h-100 fw-bold text-primary" 
                                                                       style="font-size: 0.85rem; background: transparent; outline: none; box-shadow: none;"
                                                                       placeholder="-">
                                                            </td>
                                                        @endfor
                                                    @endfor
                                                </tr>
                                            @endforeach
                                        @endif
                                    @endforeach
                                @endif
                            @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</form>

<style>
    input[name^="distribusi"]:focus {
        background-color: #e8f0fe !important; 
        border-bottom: 2px solid #0d6efd !important;
    }
</style>