<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Surat Kelulusan PPDB</title>

<style>
@page {
    size: A4;
    margin: 2.5cm;
}

body {
    font-family: "Times New Roman", serif;
    color: #000;
    position: relative;
}

.header {
    text-align: center;
    border-bottom: 3px double #000;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.header h1 {
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
}

.header h2 {
    font-size: 16px;
    margin: 4px 0;
}

.header p {
    font-size: 12px;
    margin: 2px 0;
}

.title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    margin: 30px 0;
}

.content {
    font-size: 14px;
    line-height: 1.8;
}

.data-table {
    width: 100%;
    margin: 20px 0;
}

.data-table td {
    padding: 6px 4px;
}

.data-table td:first-child {
    width: 180px;
    font-weight: bold;
}

.status-box {
    margin: 25px 0;
    padding: 15px;
    border: 2px solid #198754;
    background: #f0fff6;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}

.signature {
    width: 100%;
    margin-top: 60px;
}

.signature .right {
    width: 45%;
    float: right;
    text-align: center;
}

.signature img {
    width: 120px;
}

.stamp {
    position: absolute;
    right: 90px;
    bottom: 200px;
    width: 160px;
    opacity: 0.25;
}
</style>
</head>

<body>

<!-- STAMPEL -->
<img src="<?= base_url('assets/img/stamp.png') ?>" class="stamp">

<div class="header">
    <h1>DINAS PENDIDIKAN</h1>
    <h2>SMA NEGERI CONTOH PREMIUM</h2>
    <p>Jl. Pendidikan No. 123 – Kota Maju</p>
</div>

<div class="title">
    SURAT KETERANGAN KELULUSAN
</div>

<div class="content">
    <p>
        Yang bertanda tangan di bawah ini, Kepala Sekolah SMA Negeri Contoh Premium,
        dengan ini menerangkan bahwa:
    </p>

    <table class="data-table">
        <tr>
            <td>Nama Lengkap</td>
            <td>: <?= esc($row['name']) ?></td>
        </tr>
        <tr>
            <td>NISN</td>
            <td>: <?= esc($row['nisn']) ?></td>
        </tr>
        <tr>
            <td>Sekolah Asal</td>
            <td>: <?= esc($row['school_origin']) ?></td>
        </tr>
        <tr>
            <td>No. Pendaftaran</td>
            <td>: <?= esc($row['reg_no']) ?></td>
        </tr>
    </table>

    <div class="status-box">
        DINYATAKAN <span style="color:#198754;">LULUS</span><br>
        SELEKSI PPDB TAHUN <?= date('Y') ?>
    </div>

    <p>
        Surat ini dibuat sebagai bukti resmi kelulusan dan dapat dipergunakan
        sebagaimana mestinya.
    </p>
</div>

<div class="signature">
    <div class="right">
        <p>
            <?= date('d F Y') ?><br>
            Kepala Sekolah
        </p>

        <br><br><br>

        <p style="font-weight:bold; text-decoration:underline;">
            Drs. H. Ahmad Pendidikan
        </p>
        <p>NIP. 19651212 199003 1 001</p>
    </div>
</div>

</body>
</html>
