<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    body{ font-family: DejaVu Sans, Arial, sans-serif; font-size:12px; color:#222;}
    .title{ font-size:18px; font-weight:bold; margin:0 0 8px}
    .meta td{ padding:2px 6px; vertical-align:top}
    .box{ border:1px solid #ccc; padding:10px; border-radius:6px; margin-top:10px}
  </style>
</head>
<body>
  <div class="title">KWITANSI PEMBAYARAN</div>
  <table class="meta">
    <tr><td>No Kwitansi</td><td>: <?= html_escape($no_kwitansi) ?></td></tr>
    <tr><td>Tanggal</td><td>: <?= html_escape($tanggal) ?></td></tr>
  </table>

  <div class="box">
    <table class="meta">
      <tr><td>Nama</td><td>: <?= html_escape($nama) ?></td></tr>
      <tr><td>Asal LPK</td><td>: <?= html_escape($lpk) ?></td></tr>
      <tr><td>Keperluan</td><td>: <?= html_escape($keperluan) ?></td></tr>
      <tr><td>Metode</td><td>: <?= html_escape($metode) ?></td></tr>
    </table>
    <p><b>Jumlah</b> : <?= rupiah($jumlah) ?></p>
    <p><i>(<?= strtoupper(terbilang_id($jumlah)) ?> rupiah)</i></p>
  </div>
</body>
</html>
