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

<div class="card border-0 shadow-sm rounded-4">
    <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-project-diagram text-primary me-2"></i> E. ALUR TUJUAN PEMBELAJARAN (ATP)</h5>
            <small class="text-muted">Peta dekonstruksi Capaian Pembelajaran menjadi Tujuan dan Eviden.</small>
        </div>
        <a href="{{ route('admin.kurikulum.atp.create', $kurikulum->id) }}" class="btn btn-primary btn-round shadow-sm">
            <i class="fa fa-plus me-1"></i> Tambah Data ATP
        </a>
    </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 rowspan="2" width="5%" class="border-secondary border-end">No</th>
                        <th rowspan="2" width="15%" class="border-secondary border-end text-start">Capaian Pembelajaran</th>
                        <th colspan="2" width="20%" class="border-secondary border-end">Kata Kunci</th>
                        <th rowspan="2" width="15%" class="border-secondary border-end text-start">Tujuan Pembelajaran</th>
                        <th rowspan="2" width="15%" class="border-secondary border-end text-start">Eviden (Indikator)</th>
                        <th rowspan="2" width="20%" class="border-secondary border-end text-start">Alur Tujuan Pembelajaran (ATP)</th>
                        <th rowspan="2" width="10%" class="border-secondary">Aksi</th>
                    </tr>
                    <tr>
                        <th class="bg-secondary text-white border-secondary border-end">Kompetensi</th>
                        <th class="bg-secondary text-white border-secondary border-end">Materi</th>
                    </tr>
                </thead>
                <tbody>
                    @if($atps->isEmpty())
                        <tr>
                            <td colspan="8" class="text-center py-5 text-muted border-secondary">
                                <i class="fa fa-folder-open fa-3x mb-3 opacity-50"></i><br>
                                Data Alur Tujuan Pembelajaran belum diisi.
                            </td>
                        </tr>
                    @else
                        @php $noUrut = 1; @endphp
                        @foreach($cps as $cp)
                            @php 
                                $cp_atps = $atps->where('kurikulum_cp_id', $cp->id); 
                                $totalCpRowspan = 0;
                                foreach($cp_atps as $temp_atp) {
                                    $k = json_decode($temp_atp->kompetensi, true) ?? (!empty($temp_atp->kompetensi) ? [$temp_atp->kompetensi] : []);
                                    $m = json_decode($temp_atp->materi, true) ?? (!empty($temp_atp->materi) ? [$temp_atp->materi] : []);
                                    $t = json_decode($temp_atp->tujuan_pembelajaran, true) ?? (!empty($temp_atp->tujuan_pembelajaran) ? [$temp_atp->tujuan_pembelajaran] : []);
                                    $e = json_decode($temp_atp->indikator, true) ?? (!empty($temp_atp->indikator) ? [$temp_atp->indikator] : []);
                                    $max = max(count($k), count($m), count($t), count($e));
                                    $totalCpRowspan += ($max > 0 ? $max : 1);
                                }
                            @endphp
                            
                            @if($cp_atps->count() > 0)
                                <tr style="background-color: #e9ecef;">
                                    <td colspan="8" class="fw-bold text-dark border-secondary py-2 px-4">
                                        <i class="fa fa-caret-right text-primary me-2"></i> Elemen : {{ $cp->elemen }}
                                    </td>
                                </tr>
                                
                                @foreach($cp_atps as $atp)
                                    @php 
                                        $kompArr = json_decode($atp->kompetensi, true) ?? (!empty($atp->kompetensi) ? [$atp->kompetensi] : []);
                                        $matArr  = json_decode($atp->materi, true) ?? (!empty($atp->materi) ? [$atp->materi] : []);
                                        $tpArr   = json_decode($atp->tujuan_pembelajaran, true) ?? (!empty($atp->tujuan_pembelajaran) ? [$atp->tujuan_pembelajaran] : []);
                                        $evArr   = json_decode($atp->indikator, true) ?? (!empty($atp->indikator) ? [$atp->indikator] : []);
                                        $maxRows = max(count($kompArr), count($matArr), count($tpArr), count($evArr));
                                        $maxRows = $maxRows > 0 ? $maxRows : 1;
                                    @endphp

                                    @for($i = 0; $i < $maxRows; $i++)
                                        <tr>
                                            @if($i == 0)
                                                <td rowspan="{{ $maxRows }}" class="text-center align-top fw-bold border-secondary border-end text-secondary">{{ $noUrut++ }}</td>
                                            @endif

                                            @if($loop->first && $i == 0)
                                                <td rowspan="{{ $totalCpRowspan }}" class="align-top text-justify small border-secondary border-end p-3 bg-white">
                                                    {!! $cp->capaian_teks !!}
                                                </td>
                                            @endif
                                            
                                            <td class="align-top small border-secondary border-end p-3">{!! !empty($kompArr[$i]) ? $kompArr[$i] : '-' !!}</td>
                                            <td class="align-top small border-secondary border-end p-3">{!! !empty($matArr[$i]) ? $matArr[$i] : '-' !!}</td>
                                            <td class="align-top small border-secondary border-end p-3">{!! !empty($tpArr[$i]) ? $tpArr[$i] : '-' !!}</td>
                                            <td class="align-top small border-secondary border-end p-3 text-muted fst-italic">{!! !empty($evArr[$i]) ? $evArr[$i] : '-' !!}</td>

                                            @if($i == 0)
                                                <td rowspan="{{ $maxRows }}" class="align-top small border-secondary border-end p-3 bg-light">
                                                    @php $alurs = json_decode($atp->tahapan, true); @endphp
                                                    @if(is_array($alurs) && count($alurs) > 0)
                                                        @foreach($alurs as $alur)
                                                            @php 
                                                                $cp_induk = \App\Models\Akademik\KurikulumCp::find($alur['cp_id']); 
                                                                $nama_elemen = $cp_induk ? $cp_induk->elemen : 'Elemen Dihapus';
                                                            @endphp
                                                            <div class="mb-3">
                                                                <span class="fw-bold text-dark d-block border-bottom border-primary 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>
                                                            </div>
                                                        @endforeach
                                                    @else
                                                        <span class="text-muted fst-italic">Alur belum diatur.</span>
                                                    @endif
                                                </td>

                                                <td rowspan="{{ $maxRows }}" class="text-center align-middle border-secondary">
                                                    <div class="btn-group-vertical" role="group">
                                                        <a href="{{ route('admin.kurikulum.atp.edit', $atp->id) }}" class="btn btn-warning btn-sm shadow-sm mb-1" title="Edit">
                                                            <i class="fa fa-edit"></i> Edit
                                                        </a>
                                                        <form action="{{ route('admin.kurikulum.atp.destroy', $atp->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Yakin ingin menghapus data ATP ini?');">
                                                            @csrf @method('DELETE')
                                                            <input type="hidden" name="kurikulum_id" value="{{ $kurikulum->id }}">
                                                            <button type="submit" class="btn btn-danger btn-sm shadow-sm w-100" title="Hapus">
                                                                <i class="fa fa-trash"></i> Hapus
                                                            </button>
                                                        </form>
                                                    </div>
                                                </td>
                                            @endif
                                        </tr>
                                    @endfor
                                @endforeach
                            @endif
                        @endforeach
                    @endif
                </tbody>
            </table>
        </div>
    </div>
</div>