{{-- resources/views/admin/akademik/kurikulum/kelola_ma.blade.php --}}
<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-book-open text-primary me-2"></i> J. GENERATOR MODUL AJAR</h5>
        <small class="text-muted">Pilih materi di bawah ini untuk mulai menyusun Modul Ajar (RPP) yang terintegrasi penuh.</small>
    </div>
</div>

<div class="card card-round shadow-sm border-0">
    <div class="card-header bg-white py-3">
        <div class="card-title" style="font-size: 1.1rem;"><i class="fa fa-list me-2 text-primary"></i> Daftar Materi / Tujuan Pembelajaran</div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-striped table-hover align-middle mb-0">
                <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="25%" class="border-secondary border-end text-start">Tujuan Pembelajaran</th>
                        <th width="25%" class="border-secondary border-end text-start">Topik Materi</th>
                        <th width="10%" class="border-secondary border-end">Beban JP</th>
                        <th width="10%" class="border-secondary">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @if($atps->isEmpty())
                        <tr>
                            <td colspan="6" class="text-center py-5 text-muted border-secondary">
                                <i class="fa fa-folder-open fa-3x mb-3 opacity-25"></i><br>
                                Data materi belum tersedia untuk disusun Modul Ajarnya.
                            </td>
                        </tr>
                    @else
                        @php $noMa = 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="6" 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;
                                                $jp       = $tltp->jam_pelajaran ?? 0;
                                            @endphp
                                            <tr>
                                                <td class="text-center align-top border-secondary border-end fw-bold text-secondary">{{ $noMa++ }}</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-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.modul_ajar.edit', ['atp_id' => $atp->id, 'alur_index' => $alurIndex]) }}" 
                                                       class="btn btn-sm btn-primary btn-round shadow-sm w-100 mb-1" title="Susun Modul Ajar">
                                                        <i class="fa fa-pencil-alt me-1"></i> Susun
                                                    </a>
                                                    <a href="{{ route('admin.kurikulum.modul_ajar.print', ['atp_id' => $atp->id, 'alur_index' => $alurIndex]) }}" target="_blank" class="btn btn-sm btn-info btn-round shadow-sm w-100" title="Cetak PDF Modul Ajar">
                                                        <i class="fa fa-print me-1"></i> Cetak
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                @endforeach
                            @endif
                        @endforeach
                    @endif
                </tbody>
            </table>
        </div>
    </div>
</div>