<!-- // created by : KuduSinau_Hendrik_081275532220 (TERIMAKASIH UNTUK MENDAPATKAN KEBERKAHAN, DENGAN TIDAK MERUBAH NAMA HAK CIPTA, PLAGIAT, DAN TIDAK MEMPERJUALBELIKAN APLIKASI INI, SEMOGA KITA SEMUA MENDAPAT MANFAAT DAN KEBERKAHAN DARI APLIKASI INI)
// created by : KuduSinau_Hendrik_081275532220 (UNTUK MASUKAN DAN SARAN SERTA PENGEMBANGAN BISA MENGHUBUNGI NOMOR) -->

<!-- // created by : KuduSinau_Hendrik_081275532220 (TERIMAKASIH UNTUK MENDAPATKAN KEBERKAHAN, DENGAN TIDAK MERUBAH NAMA HAK CIPTA, PLAGIAT, DAN TIDAK MEMPERJUALBELIKAN APLIKASI INI, SEMOGA KITA SEMUA MENDAPAT MANFAAT DAN KEBERKAHAN DARI APLIKASI INI)
// created by : KuduSinau_Hendrik_081275532220 (UNTUK MASUKAN DAN SARAN SERTA PENGEMBANGAN BISA MENGHUBUNGI NOMOR) -->

<script>
    window.print();
</script>
<style>
    table {
        background-color: white;
        border-collapse: collapse;
        border-color: black;
    }

    head>tr {
        background-color: white;
        color: black;
        border-color: black;
    }

    head>tr>th {
        background-color: black;
        color: black;
        padding: 10px;
        border-color: black;
    }

    th,
    td {
        background-color: white;
        padding: 2px;
        border-color: black;

    }

    th {
        background-color: white;
        color: black;
        text-align: center;
        border-color: black;
    }

    body {
        background-color: white;
        font-family: 'arial';
        font-size: 10pt;
        border-color: black;
    }
</style>
<style type="text/css" media="print">
    @page {
        size: 210mm 297mm;
        margin: 20px;
    }
</style>

<body onload="hide_loading();">
    <div class="loading overlay">
        <div class="lds-spinner">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <table width="85%" border="0" align="center">
        <tr text="center">
            <br>
            <center>
                <img src="<?= base_url('assets/rapor/img/users/') . $Lembaga['kop_lembaga']; ?>" alt="IMG" width="650px">
            </center>
            <br>
        </tr>
    </table>
    <table width="85%" border="0" align="center">
        <tr text="center">
            <br>
            <center><u><b>SURAT KETERANGAN LULUS</b></u>
                <center>
        </tr>
        <tr>
            <center>Nomor : <?= $lulus['nomor_skl']; ?><center>
        </tr>
    </table>
    <br>
    <br>
    <table width="85%" border="0" align="center">
        <tr>
            <td colspan="3" style="padding-left:30px;">
                Yang bertanda tangan di bawah ini, Kepala <?= $Lembaga['nm_jenjang'] . ' ' . $Lembaga['nm_status'] . ' ' . ucwords(strtolower($Lembaga['nm_lembaga'])); ?>
            </td>
        </tr>
        <tr>
            <td style="padding-left:30px;">nomor pokok sekolah nasional </td>
            <td width="1">:</td>
            <td><?= $Lembaga['npsn_lembaga']; ?></td>
        </tr>
        <tr>
            <td style="padding-left:30px;">Kabupaten/Kota </td>
            <td width="1">:</td>
            <td><?= ucwords(strtolower($Lembaga['kab_lembaga'])); ?></td>
        </tr>
        <tr>
            <td style="padding-left:30px;">Provinsi </td>
            <td width="1">:</td>
            <td><?= ucwords(strtolower($Lembaga['prov_lembaga'])); ?></td>
        </tr>
        <tr>
            <td style="padding-left:30px;">menerangkan bahwa: </td>
        </tr>
        <tr>
            <td width="250" style="padding-left:55px;"><br>Nama Lengkap </td>
            <td width="1"><br>:</td>
            <td><br><?= $lulus['nm_students']; ?></td>
        </tr>
        <tr>
            <td style="padding-left:55px;">Tempat dan Tanggal Lahir </td>
            <td width="1">:</td>
            <td><?= ucwords(strtolower($lulus['tmptlhr_students'])) . ", " . $this->m_walas->tgl_indo(date('d-m-Y', strtotime($lulus['tgllhr_students']))); ?></td>
        </tr>
        <tr>
            <td style="padding-left:55px;">Nama Orang Tua/Wali </td>
            <td width="1">:</td>
            <td><?= $lulus['nm_ayah']; ?></td>
        </tr>
        <tr>
            <td style="padding-left:55px;">Nomor Induk Siswa </td>
            <td width="1">:</td>
            <td><?= $lulus['nislokal_students'] ?></td>
        </tr>
        <tr>
            <td style="padding-left:55px;">Nomor Induk Siswa Nasional </td>
            <td width="1">:</td>
            <td><?= $lulus['nisn_students']; ?></td>
        </tr>
        <tr>
            <td style="padding-left:55px;">Nomor Peserta Ujian Madrasah </td>
            <td width="1">:</td>
            <td><?= $lulus['no_um']; ?></td>
        </tr>
    </table>
    <table width="85%" border="0" align="center">
        <tr>
            <td colspan="3" style="padding-left:30px;">
                <br>
                Berdasarkan Surat Keputusan Kepala Madrasah Nomor <?= $lulus['nomor_sk']; ?> Tahun <?= ($waktu['tahun'] + 1); ?> Tentang Kelulusan Peserta Didik Kelas <?= $kelas['tingkat'] . ' ( ' . $kelas['huruf'] . ' )'; ?> Tahun Pelajaran <?php if ($waktu['semester'] == 'Ganjil') {
                                                                                                                                                                                                                                                        echo $waktu['tahun'] . '/' . ($waktu['tahun'] + 1);
                                                                                                                                                                                                                                                    } elseif ($waktu['semester'] == 'Genap') {
                                                                                                                                                                                                                                                        echo ($waktu['tahun'] - 1) . '/' . $waktu['tahun'];
                                                                                                                                                                                                                                                    } ?>, maka nama tersebut di atas dinyatakan:
            </td>
        </tr>
    </table>
    <table width="85%" border="0" align="center">
        <tr>
            <center>
                <h2><br><b><u> L U L U S </u></b></h2>
            </center>
        </tr>
    </table>
    <table width="85%" border="0" align="center">
        <tr>
            <td colspan="3" style="padding-left:30px;">
                <br>
                Demikian Surat Keterangan Lulus ini dibuat dengan sebenarnya untuk dapat dipergunakan sebagaimana mestinya dan berlaku hingga diterbitkannya ijazah.
            </td>
            <br>
        </tr>
    </table><br><br>
    <table width="85%" border="0" align="center">
        <tr>
            <td width='30%'></td>
            <td width='30%'></td>
            <td width='40%'><?= ucwords(strtolower($Lembaga['kab_lembaga'])); ?>, <?= $this->m_walas->tgl_indo(date('d-m-Y', strtotime($waktu['tanggal3']))); ?></td>
        </tr>
        <tr>
            <td width='30%'></td>
            <td width='30%' rowspan="3" align="center"></td>
            <td width='40%'>Kepala Madrasah,</td>
        </tr>
        <tr>
            <td width='30%'></td>
            <td width='40%'><br><br><br><br><u><?= $waktu['gelardepan'] . ' ' . $waktu['kamad']; ?><?php if (!empty($waktu['gelarbelakang'])) {
                                                                                                        echo ', ' . $waktu['gelarbelakang'];
                                                                                                    } else {
                                                                                                        echo $waktu['gelarbelakang'];
                                                                                                    } ?></u></td>
        </tr>
        <tr>
            <td width='30%'></td>
            <td width='40%'>NIP. <?= $waktu['nip_kamad']; ?></td>
        </tr>
    </table>
    <div style="page-break-before:always;"></div>
</body>
<script>
    let fadeTarget = document.querySelector(".loading")

    function show_loading() {
        fadeTarget.style.display = "block";
        fadeTarget.style.opacity = 1;
    }

    function hide_loading() {
        // fadeTarget.style.display = "none";
        let fadeEffect = setInterval(() => {
            if (!fadeTarget.style.opacity) {
                fadeTarget.style.opacity = 1;
            }
            if (fadeTarget.style.opacity > 0) {
                fadeTarget.style.opacity -= 0.1;
            } else {
                clearInterval(fadeEffect)
                fadeTarget.style.display = "none"
            }
        }, 100)
    }
</script>

</html>