<!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" />


    <!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->
    <style>
        .table-sekolah {
            font-size: 16px;
            width: 100%;
            font-weight: bold;
        }

        .table-siswa {
            font-size: 16px;
            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 */
        }

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

        .table-bordered th,
        .table-bordered td {
            border: 1px solid #dddddd;
            padding: 8px;
        }

        .middle-content {
            display: block;
            /* flex-direction: column;
            align-items: center; */
            text-align: center;
            /* Menengahkan semua konten secara horizontal dan vertikal */
        }

        .judul {
            font-size: 30px;
            font-weight: bolder;
        }

        .judul2 {
            font-size: 20px;
            font-weight: bolder;
        }

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

        .kotak {
            width: 400px;
            /* Lebar kotak */
            height: 20px;
            /* Tinggi kotak */
            margin: 0 auto;
            /* Warna latar kotak */
            padding: 10px;
            /* Padding di dalam kotak */
            border: 1px solid black;
            /* Garis tepi kotak */
            text-align: center;
            /* Posisi teks ke tengah */
        }

        .kotakfoto {
            width: 110px;
            /* Lebar kotak */
            height: 130px;
            /* Tinggi kotak */
            margin: 0 auto;
            /* Warna latar kotak */
            padding: 10px;
            /* Padding di dalam kotak */
            border: 1px solid black;
            /* Garis tepi kotak */
            text-align: center;
            vertical-align: middle;

            /* Posisi teks ke tengah */
        }

        .halaman2 {
            page-break-after: always;
            /* Memaksa pemisahan halaman setelah elemen */
        }
    </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">
                    <div class="logo">
                        <img src="data:image/png;base64,<?= $settings->logokementrian64 ?>" alt="Gambar PNG">
                    </div>
                    <br><br><br>
                    <span class="judul">
                        RAPOR<br>
                        PESERTA DIDIK<br>
                        <?= kodeToJenjang($settings->jenjang) ?><br>
                        (<?= $settings->jenjang ?>)
                    </span>
                    <br>
                    <br>
                    <br>
                    <div class="logo">
                        <img src="data:image/png;base64,<?= $settings->logo64 ?>" alt="Gambar PNG">
                    </div>
                    <br>
                    <br>
                    <br>
                    <b>Nama Peserta Didik</b>
                    <br>
                    <div class="kotak">
                        <?= $siswa->nama ?>
                    </div>
                    <br>
                    <b>NISN/NIS</b>
                    <br>
                    <div class="kotak">
                        <?= $siswa->nisn . " / " . $siswa->nis ?>
                    </div>
                    <br><br><br>
                    <span class="judul2">
                        KEMENTRIAN PENDIDIKAN DAN KEBUDAYAAN<br>
                        REPUBLIK INDONESIA<br>
                    </span>
                </div>
                <!-- ============= BATAS HALAMAN 2 ==================== -->
                <div class="halaman2"></div>
                <div class="middle-content">
                    <span class="judul">
                        RAPOR<br>
                        PESERTA DIDIK<br>
                        SEKOLAH MENENGAH KEJURUAN<br>
                        (SMK)
                    </span>
                    <br><br><br><br><br>
                    <table class="table-sekolah" style="width: 60%; margin: 0 auto;">
                        <tbody>
                            <tr>
                                <td style="width: 150px;">Nama Sekolah</td>
                                <td>: <?= $settings->nama_sekolah ?></td>

                            </tr>
                            <tr>
                                <td>NPSN</td>
                                <td>: <?= $settings->npsn ?></td>

                            </tr>
                            <tr>
                                <td>NIS/NSS/NDS</td>
                                <td>: <?= $settings->nss ?></td>
                            </tr>
                            <tr>
                                <td>Alamat Sekolah</td>
                                <td>: <?= $settings->alamat_sekolah ?></td>
                            </tr>
                            <tr>
                                <td>Kelurahan</td>
                                <td>: <?= $settings->kelurahan ?></td>
                            </tr>
                            <tr>
                                <td>Kecamatan</td>
                                <td>: <?= $settings->kecamatan ?></td>
                            </tr>
                            <tr>
                                <td>Kota/Kabupaten</td>
                                <td>: <?= $settings->kota ?></td>
                            </tr>
                            <tr>
                                <td>Provinsi</td>
                                <td>: <?= $settings->provinsi ?></td>
                            </tr>
                            <tr>
                                <td>Website</td>
                                <td>: <?= $settings->website ?></td>
                            </tr>
                            <tr>
                                <td>E-mail</td>
                                <td>: <?= $settings->email ?></td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <!-- ============= BATAS HALAMAN 2 ==================== -->
                <div class="halaman2"></div>
                <div class="middle-content">
                    <span class="judul">
                        IDENTITAS PESERTA DIDIK<br>
                        <?= $settings->nama_sekolah ?>
                    </span>
                    <br><br><br><br><br>
                    <table class="table-siswa" style="width: 80%; margin: 0 auto;">
                        <tbody>
                            <tr>
                                <td style="width: 5px;">1.</td>
                                <td style="width: 250px;">Nama Lengkap Peserta Didik</td>
                                <td>: <?= $siswa->nama ?></td>

                            </tr>
                            <tr>
                                <td>2.</td>
                                <td>Nomer Induk / NISN</td>
                                <td>: <?= $siswa->nis . " / " . $siswa->nisn ?></td>
                            </tr>
                            <tr>
                                <td>3.</td>
                                <td>Tempat Tanggal Lahir</td>
                                <td>: <?= $siswa->tempat . ', ' . konversiTanggal($siswa->tgl_lahir) ?></td>
                            </tr>
                            <tr>
                                <td>4.</td>
                                <td>Jenis Kelamin</td>
                                <td>: <?= $siswa->jenkel ?></td>
                            </tr>
                            <tr>
                                <td>5.</td>
                                <td>Agama</td>
                                <td>: <?= $siswa->agama ?></td>
                            </tr>
                            <tr>
                                <td>6.</td>
                                <td>Alamat Peserta Didik</td>
                                <td>: <?= $siswa->alamat ?></td>
                            </tr>
                            <tr>
                                <td>7.</td>
                                <td>Nomer Telepon</td>
                                <td>: <?= $siswa->nohp ?></td>
                            </tr>
                            <tr>
                                <td>8.</td>
                                <td>Sekolah Asal</td>
                                <td>: <?= $siswa->sekolah_asal ?></td>
                            </tr>
                            <tr>
                                <td>9.</td>
                                <td>Diterima di Sekolah ini</td>
                                <td>:</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Dikelas</td>
                                <td>:<?= $siswa->diterima_kelas ?></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Tanggal Diterima</td>
                                <td>: <?= $siswa->tgl_diterima ?></td>
                            </tr>
                            <tr>
                                <td>10.</td>
                                <td>Nama Orang Tua</td>
                                <td>:</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>a. Ayah</td>
                                <td>: <?= $siswa->nama_ayah ?></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>b. Ibu</td>
                                <td>: <?= $siswa->nama_ibu ?></td>
                            </tr>
                            <tr>
                                <td>11.</td>
                                <td>Pekerjaan Orang Tua</td>
                                <td>:</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>a. Ayah</td>
                                <td>: <?= $siswa->pekerjaan_ayah ?></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>b. Ibu</td>
                                <td>: <?= $siswa->pekerjaan_ibu ?></td>
                            </tr>
                            <tr>
                                <td>11.</td>
                                <td>Wali Siswa</td>
                                <td>:</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>a. Nama Wali</td>
                                <td>: <?= $siswa->nama_wali ?></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>b. Pekerjaan</td>
                                <td>: <?= $siswa->pekerjaan_wali ?></td>
                            </tr>
                        </tbody>
                    </table>
                    <br><br><br><br><br><br>
                    <table class="table" style="width: 90%;margin: 0 auto;">
                        <tbody>
                            <tr>
                                <td style="width:150px">
                                    <div class="kotakfoto">
                                        FOTO
                                    </div>
                                </td>
                                <td style="width: 200px;"></td>
                                <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>
        </div>
        <!--  END CONTENT AREA  -->
    </div>
    <!-- END MAIN CONTAINER -->



</body>

</html>