<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
    <title>Rapor - <?= $siswa->nama ?> </title>
    <link rel="icon" type="image/x-icon" href="../src/assets/img/favicon.ico" />

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">
    <link href="<?= base_url() ?>src/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

    <!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->
    <style>
        table {
            font-size: 12px;
            width: 100%;
        }

        th {
            text-align: center;

        }

        hr {
            border: 0;
            /* Hapus border default */
            height: 1px;
            /* Set tinggi garis */
            background-color: #ccc;
            /* Warna latar belakang garis */
            /* Atur jarak atas dan bawah dari hr */
        }

        .kotak {
            background-color: lightgrey;
            width: 15px;
            height: 15px;
            margin: 2px;
        }

        .logo img {
            width: 100px;
            height: 100px;
        }

        .table-bordered {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20px;
        }

        .table-bordered th,
        .table-bordered td {
            border: 1px solid #dddddd;
            padding: 8px;
        }
    </style>
</head>

<body>



    <!--  BEGIN MAIN CONTAINER  -->
    <div class="main-container " id="container">

        <div class="overlay"></div>
        <div class="search-overlay"></div>

        <!--  BEGIN CONTENT AREA  -->
        <div id="content" class="main-content ms-0 mt-0">
            <div class="layout-px-spacing">

                <div class="middle-content">

                    <!-- CONTENT AREA -->
                    <div class="row layout-top-spacing">

                        <div class="col-12">
                            <table class="table">
                                <tr>
                                    <td>
                                        <h1>RAPOR PROJEK PENGUATAN PROFIL PELAJAR PANCASILA</h1>
                                    </td>
                                    <td style="width: 200px;text-align:right;">
                                        <div class="logo">
                                            <img src="data:image/png;base64,<?= $settings->logo64 ?>" alt="Gambar PNG">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                            <table class="table no-padding-table table-borderless">
                                <tbody>
                                    <tr>
                                        <td style="width: 150px;">Nama Sekolah</td>
                                        <td>: <?= $settings->nama_sekolah ?></td>
                                        <td style="width: 200px;"></td>
                                        <td style="width: 100px;">Kelas</td>
                                        <td>: <?= $siswa->nama_rombel ?></td>
                                    </tr>
                                    <tr>
                                        <td>Nama Peserta Didik</td>
                                        <td>: <?= $siswa->nama ?></td>
                                        <td></td>
                                        <td>Fase</td>
                                        <td>: <?= getGrade($siswa->tingkat) ?></td>
                                    </tr>
                                    <tr>
                                        <td scope="row">NISN/NIS</td>
                                        <td>: <?= $siswa->nisn ?>/<?= $siswa->nis ?></td>
                                        <td></td>
                                        <td>Semester</td>
                                        <td>: <?= getGradeAndSemesterCode($siswa->tingkat, $settings->semester) ?></td>
                                    </tr>
                                    <tr>
                                        <td scope="row">ALAMAT</td>
                                        <td>: <?= $settings->alamat_sekolah ?></td>
                                        <td></td>
                                        <td>Tahun Pelajaran</td>
                                        <td>: <?= $settings->nama_tahunpelajaran ?></td>
                                    </tr>
                                </tbody>
                            </table>
                            <hr />
                            <br>
                            <?php
                            if (isset($penilaian) && is_array($penilaian) && count($penilaian) > 0) {
                                $row = $penilaian[0];
                                // Lanjutkan dengan pengolahan data
                            } else {
                                // Tampilkan pesan bahwa tidak ada data yang tersedia
                                return  "Tidak ada data penilaian yang tersedia.";
                            }
                            // $row = $penilaian[0];

                            // Memeriksa apakah kunci 'projek' ada dalam array $row
                            if (isset($row['projek']) && is_array($row['projek'])) {
                                $no = 1;
                                // Iterasi melalui setiap 'projek' dalam array $row['projek']
                                foreach ($row['projek'] as $projek) { ?>
                                    <b> Projek profil <?= $no++ ?> | <?= $projek['nama_projek'] ?></b> <br>
                                    <?= $projek['deskripsi'] ?><br><br>
                                <?php } ?>
                            <?php } ?>

                            <table class="table">
                                <tr style="vertical-align:middle;">
                                    <td>
                                        <div class="kotak"></div>
                                    </td>
                                    <td>

                                        Mulai Berkembang<br>
                                        Peserta Didik mulai mengembangkan kemampuan namun masih belum ajek
                                    </td>
                                    <td>
                                        <div class="kotak"></div>
                                    </td>
                                    <td>
                                        Sedang Berkembang<br>
                                        Peserta Didik mulai mengembangkan kemampuan
                                    </td>
                                    <td>
                                        <div class="kotak"></div>
                                    </td>
                                    <td>
                                        Berkembang Sesuai Harapan<br>
                                        Peserta Didik mulai mengembangkan kemampuan hingga berada dalam tahap ajek
                                    </td>
                                    <td>
                                        <div class="kotak"></div>
                                    </td>
                                    <td>
                                        Sangat Bekembang<br>
                                        Peserta Didik mulai mengembangkan kemampuannya melampaui harapan
                                    </td>
                                </tr>
                            </table>
                            <br><br>
                            <table class="table table-bordered">
                                <tbody>
                                    <?php
                                    $row = $penilaian[0];

                                    // Memeriksa apakah kunci 'projek' ada dalam array $row
                                    if (isset($row['projek']) && is_array($row['projek'])) {
                                        // Iterasi melalui setiap 'projek' dalam array $row['projek']
                                        foreach ($row['projek'] as $projek) { ?>
                                            <tr style="text-align: center;font-weight:bold">
                                                <td style="width: 300px;"><?= $projek['nama_projek'] ?></td>
                                                <td>Mulai Berkembang</td>
                                                <td>Sedang Berkembang</td>
                                                <td>Berkembang Sesuai Harapan</td>
                                                <td>Sangat Berkembang</td>
                                            </tr>
                                    <?php
                                            if (isset($projek['nilai_dimensi']) && is_array($projek['nilai_dimensi'])) {
                                                // Inisialisasi array untuk menyimpan dimensi yang telah dicetak
                                                $dimensi_cetak = [];

                                                // Iterasi melalui setiap 'nilai_dimensi' dalam array $projek['nilai_dimensi']
                                                foreach ($projek['nilai_dimensi'] as $dimensi) {
                                                    // Jika dimensi belum dicetak, cetak informasinya dan tambahkan ke array dimensi_cetak
                                                    if (!in_array($dimensi['dimensi'], $dimensi_cetak)) {
                                                        echo "<tr>";
                                                        echo "<td colspan='5'><b>" . $dimensi['dimensi'] . "</b></td>";
                                                        echo "</tr>";
                                                        // Tambahkan dimensi ke array dimensi_cetak
                                                        $dimensi_cetak[] = $dimensi['dimensi'];
                                                    }

                                                    // Cetak informasi dimensi nilai

                                                    echo "<tr>";
                                                    echo "<td><b>" . $dimensi['elemen'] . "</b> | " . $dimensi['subelemen'] . $dimensi['deskripsi'] . "</td>";
                                                    echo "<td style='text-align:center'>" . (($dimensi['nilai'] == "B") ? "V" : "") . "</td>";
                                                    echo "<td style='text-align:center'>" . (($dimensi['nilai'] == "SB") ? "V" : "") . "</td>";
                                                    echo "<td style='text-align:center'>" . (($dimensi['nilai'] == "BSH") ? "V" : "") . "</td>";
                                                    echo "<td style='text-align:center'>" . (($dimensi['nilai'] == "SSB") ? "V" : "") . "</td>";
                                                    echo "</tr>";
                                                }
                                            } else {
                                                echo "Data dimensi nilai tidak ditemukan.";
                                            }
                                        }
                                    } else {
                                        echo "Data projek tidak ditemukan.<br>";
                                    }
                                    ?>
                                </tbody>
                            </table>
                            <br><br>
                            <table class="table">

                                <tbody>
                                    <tr>
                                        <td style="width: 200px;">
                                            <br>
                                            Orang Tua Wali
                                            <br><br><br><br><br>
                                            _____________________
                                        </td>
                                        <td></td>
                                        <td style="width: 200px;">
                                            <?= ucwords(strtolower($settings->kota)) ?>, <?= konversiTanggal($tahun->tanggal_rapor) ?> <br>
                                            Wali Kelas
                                            <br><br><br><br><br>
                                            <?= $siswa->walikelas ?>
                                        </td>

                                    </tr>
                                    <tr>
                                        <td style="text-align: center;" colspan="3">
                                            Mengetahui <br>
                                            Kepala Sekolah<br>
                                            <br><br><br><br><br>
                                            <b><?= $settings->nama_kepsek ?><br>
                                                NIP. <?= $settings->nip_kepsek ?></b>
                                        </td>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- CONTENT AREA -->

                </div>

            </div>
        </div>
        <!--  END CONTENT AREA  -->
    </div>
    <!-- END MAIN CONTAINER -->

    <!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
    <script src="<?= base_url() ?>src/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="<?= base_url() ?>src/plugins/src/perfect-scrollbar/perfect-scrollbar.min.js"></script>
    <script src="<?= base_url() ?>src/plugins/src/mousetrap/mousetrap.min.js"></script>

</body>

</html>