<?php
require_once __DIR__.'/../includes/db.php';

$id = intval($_GET['id']);
$r = $mysqli->query("
  SELECT s.*, i.*
  FROM surat_keterangan_domisili s
  JOIN infografis i ON s.warga_id=i.id
  WHERE s.id=$id
")->fetch_assoc();

if (!$r) {
  die("Data tidak ditemukan!");
}

$linkQR = urlencode(
  "https://adminmambu.sidea.id/modules/verifikasi_surat_domisili.php?kode=".$r['qr_kode']
);
?>

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8">
<title>Cetak Surat</title>

<style>
@page{
  size:A4;
  margin:1cm 3cm 0cm 3cm;
}

body{
  font-family:"Times New Roman", serif;
  font-size:12pt;
  color:#000;
}

/* ===== KOP (SAMA PERSIS) ===== */
.kop{ margin-bottom:10px; }
.logo{ width:70px; }

.kop-text{ line-height:1.25; }
.kop-text .baris1{ font-size:14pt; font-weight:bold; }
.kop-text .baris2{ font-size:13pt; font-weight:bold; }
.kop-text .baris3{ font-size:13pt; font-weight:bold; margin-bottom:2px; }
.kop-text .alamat{ font-size:10pt; font-style:italic; }

.garis-kop{
  border-top:2px solid #000;
  border-bottom:1px solid #000;
  height:4px;
  margin:8px 0 18px;
}

/* ===== ISI ===== */
.judul{
  text-align:center;
  font-weight:bold;
  text-decoration:underline;
  margin-bottom:4px;
}

.nomor{
  text-align:center;
  margin-bottom:18px;
}

.paragraf{
  text-align:justify;
  line-height:1.3;
  margin-bottom:6px;
}

table.data{
  width:100%;
  border-collapse:collapse;
  margin:6px 0 12px;
}

table.data td{
  padding:3px 0;
  vertical-align:top;
}

/* ===== TTD ===== */
.ttd{
  margin-top:50px;
  width:40%;
  float:right;
  text-align:center;
}
</style>
</head>

<body onload="window.print()">

<!-- ===== KOP ===== -->
<div class="kop">
  <table width="100%" cellspacing="0" cellpadding="0">
    <tr>
      <td width="15%" align="left">
        <img src="assets/img/logo.png" class="logo">
      </td>
      <td width="85%" align="center">
        <div class="kop-text">
          <div class="baris1">PEMERINTAH KABUPATEN POLEWALI MANDAR</div>
          <div class="baris2">KECAMATAN LUYO</div>
          <div class="baris3">DESA MAMBU</div>
          <div class="alamat">
            Alamat : Jl. Poros Tutar Dusun Kottar Desa Mambu Kec. Luyo &nbsp;
            Kode Pos : 91353
          </div>
        </div>
      </td>
    </tr>
  </table>
</div>

<div class="garis-kop"></div>

<!-- ===== JUDUL ===== -->
<div class="judul">SURAT KETERANGAN DOMISILI</div>
<div class="nomor">Nomor : <?= esc($r['nomor_surat']); ?></div>

<p class="paragraf">Yang bertanda tangan di bawah ini :</p>

<table class="data">
  <tr><td width="30%">Nama</td><td>: HAYAMUDDIN</td></tr>
  <tr><td>Jabatan</td><td>: Kepala Desa Mambu</td></tr>
  <tr><td>Alamat</td><td>: Dusun Kottar Desa Mambu Kec. Luyo</td></tr>
</table>

<p class="paragraf"><b>Menerangkan bahwa :</b></p>

<table class="data">
  <tr><td width="30%">Nama</td><td>: <?= strtoupper($r['nama_lengkap']); ?></td></tr>
  <tr>
    <td>Tempat / Tgl. Lahir</td>
    <td>: <?= $r['tempat_lahir']; ?>, <?= date('d-m-Y', strtotime($r['tanggal_lahir'])); ?></td>
  </tr>
  <tr><td>Jenis Kelamin</td><td>: <?= $r['jenis_kelamin']; ?></td></tr>
  <tr><td>Pekerjaan</td><td>: <?= $r['pekerjaan'] ?? 'Pelajar'; ?></td></tr>
  <tr>
    <td>Alamat</td>
    <td>: <?= $r['dusun']; ?> Desa Mambu Kec. Luyo Kab. Polewali Mandar</td>
  </tr>
</table>

<p class="paragraf">
  Yang tersebut namanya di atas adalah benar warga Desa Mambu dan saat ini
  berdomisili di Dusun <?= esc($r['dusun']); ?> Desa Mambu Kecamatan Luyo
  Kabupaten Polewali Mandar.
</p>

<p class="paragraf">
  Demikian Surat Keterangan ini dibuat dengan sebenar-benarnya untuk dipergunakan
  sebagaimana mestinya.
</p>

<!-- ===== TTD ===== -->
<div class="ttd">
  Mambu, <?= date('d F Y', strtotime($r['tanggal_surat'])); ?><br>
  Kepala Desa Mambu<br><br><br>

  <img
    src="https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=<?= $linkQR ?>"
    alt="QR Verifikasi"
  >

  <br><br>
  <b><u>HAYAMUDDIN</u></b>
</div>

</body>
</html>
