<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            font-family: sans-serif;
            font-size: 12px;
        }


            .watermark {
                position: absolute;
                top: 300px;
                left: 50px;
                font-size: 80px;
                color: #eeeeee;
                font-weight: bold;
            }

        /* HEADER */
        .header {
            text-align: center;
            border-bottom: 3px solid #000;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

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

        .header small {
            font-size: 11px;
        }

        /* CONTENT */
        .title {
            text-align: center;
            margin: 20px 0;
        }

        .title h3 {
            margin: 0;
            text-decoration: underline;
        }

        .meta {
            margin-bottom: 15px;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        table td {
            padding: 8px;
            border: 1px solid #000;
        }

        table td.label {
            width: 35%;
            background: #f5f5f5;
            font-weight: bold;
        }

        /* SIGNATURE */
        .sign {
            margin-top: 40px;
            text-align: right;
        }

        /* FOOTER */
        .footer {
            position: fixed;
            bottom: 10px;
            left: 0;
            right: 0;
            font-size: 10px;
            text-align: center;
            border-top: 1px solid #aaa;
            padding-top: 5px;
        }
    </style>
</head>
<body>

<div class="watermark">PANITIA PPDB</div>

<!-- HEADER -->
<div class="header">
    <h2>PANITIA PENERIMAAN PESERTA DIDIK BARU</h2>
    <small>Tahun Ajaran <?= date('Y') ?>/<?= date('Y') + 1 ?></small>
</div>

<!-- TITLE -->
<div class="title">
    <h3>BUKTI DAFTAR ULANG</h3>
</div>

<!-- META -->
<div class="meta">
    <b>Nomor Surat:</b> <?= $nomorSurat ?>
</div>

<!-- DATA -->
<table>
    <tr>
        <td class="label">Nama Lengkap</td>
        <td><?= esc($data['name']) ?></td>
    </tr>
    <tr>
        <td class="label">NISN</td>
        <td><?= esc($data['nisn']) ?></td>
    </tr>
    <tr>
        <td class="label">Nomor Pendaftaran</td>
        <td><?= esc($data['reg_no']) ?></td>
    </tr>
    <tr>
        <td class="label">Tanggal Daftar Ulang</td>
        <td><?= indo_date($data['tanggal_daftar']) ?></td>
    </tr>
</table>

<!-- SIGN -->
<div class="sign">
    <p>
        <?= date('d F Y') ?><br>
        Panitia PPDB
    </p>
    <br><br>
    <b>( ____________________ )</b>
</div>

<!-- FOOTER -->
<div class="footer">
    Dicetak pada <?= date('d/m/Y H:i:s') ?> |
    Admin: <?= esc(session('username') ?? 'System') ?>
</div>

</body>
</html>
