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

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

if(!$r) die('Data tidak ditemukan');

function tgl($d){
  return date('d F Y', strtotime($d));
}
$linkQR = urlencode(
  "https://adminmambu.sidea.id/modules/verifikasi_surat_ijin_keramaian.php?kode=".$r['qr_kode']
);
?>
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8">
<title>Surat Rekomendasi Ijin Keramaian</title>

<style>
@page{
  size:A4;
  margin:1cm 3cm 0cm 3cm;
}
body{
  font-family:"Times New Roman", serif;
  font-size:12pt;
  color:#000;
}

/* ===== KOP STANDAR ===== */
.kop{ margin-bottom:10px; }
.logo{ width:70px; }

.kop-text{ line-height:1.25; text-align:center; }
.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:20px;
}
.paragraf{
  text-align:justify;
  line-height:1.5;
}
table{
  width:100%;
  margin:6px 0 14px;
}
td{
  padding:3px 0;
  vertical-align:top;
}

/* ===== TTD ===== */
.ttd{
  margin-top:10px;
  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 REKOMENDASI IJIN KERAMAIAN</div>
<div class="nomor">Nomor : <?= esc($r['nomor_surat']) ?></div>

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

<table>
  <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 Kecamatan Luyo</td></tr>
</table>

<p class="paragraf"><b>Dengan ini menerangkan bahwa :</b></p>

<table>
  <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>Umur</td><td>: <?= $r['umur'] ?> Tahun</td></tr>
  <tr><td>Jenis Kelamin</td><td>: <?= $r['jenis_kelamin'] ?></td></tr>
  <tr><td>Pekerjaan</td><td>: <?= $r['pekerjaan'] ?></td></tr>
  <tr><td>Agama</td><td>: <?= $r['agama'] ?></td></tr>
  <tr><td>Alamat</td><td>: <?= $r['alamat'] ?></td></tr>
</table>

<p class="paragraf">
Yang bersangkutan bermaksud mengadakan / menyelenggarakan
<?= $r['jenis_acara'] ?> yang Insya Allah akan dilaksanakan pada :
</p>

<table>
  <tr><td width="30%">Hari / Tanggal</td><td>: <?= $r['hari_tanggal'] ?></td></tr>
  <tr><td>Waktu</td><td>: <?= $r['waktu'] ?></td></tr>
  <tr><td>Tempat</td><td>: <?= $r['tempat_acara'] ?></td></tr>
</table>

<p class="paragraf">
Demikian surat rekomendasi ini diberikan kepada yang bersangkutan
untuk dipergunakan sebagaimana mestinya.
</p>

<!-- ===== TTD (6 BARIS) ===== -->
<div class="ttd">
  Mambu, <?= tgl($r['tanggal_surat']) ?><br>
  Kepala Desa Mambu<br><br>

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

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

</body>
</html>
