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

$id = (int)($_GET['id'] ?? 0);

$r = $mysqli->query("
  SELECT s.*,

  p.nama_lengkap   AS p_nama,
  p.nik            AS p_nik,
  p.tempat_lahir   AS p_tempat_lahir,
  p.tanggal_lahir  AS p_tanggal_lahir,
  p.pekerjaan      AS p_pekerjaan,
  p.agama          AS p_agama,
  p.dusun          AS p_dusun,
  p.desa           AS p_desa,
  p.kecamatan      AS p_kecamatan,

  r2.nama_lengkap  AS r_nama,
  r2.nik           AS r_nik,
  r2.tempat_lahir  AS r_tempat_lahir,
  r2.tanggal_lahir AS r_tanggal_lahir,
  r2.pekerjaan     AS r_pekerjaan,
  r2.agama         AS r_agama,
  r2.dusun         AS r_dusun,
  r2.desa          AS r_desa,
  r2.kecamatan     AS r_kecamatan

  FROM surat_kuasa s
  JOIN infografis p  ON s.pemberi_id = p.id
  JOIN infografis r2 ON s.penerima_id = r2.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_kuasa.php?kode=".$r['qr_kode']
);
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Surat Kuasa</title>

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

/* KOP */
.kop{margin-bottom:10px}
.logo{width:70px}
.kop-text{text-align:center;line-height:1.25}
.baris1{font-size:14pt;font-weight:bold}
.baris2,.baris3{font-size:13pt;font-weight:bold}
.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}
.paragraf{text-align:justify;line-height:1.5}
table{width:100%;margin:8px 0}
td{padding:3px 0;vertical-align:top}

/* TTD */
.ttd{margin-top:0px}
.ttd-col{width:50%;float:left;text-align:center}
.clear{clear:both}
</style>
</head>

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

<!-- KOP -->
<div class="kop">
<table width="100%">
<tr>
<td width="15%"><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>

<div class="judul">SURAT KUASA</div>

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

<table>
<tr><td width="30%">Nama</td><td>: <?= $r['p_nama'] ?></td></tr>
<tr><td>Tempat / Tgl Lahir</td>
<td>: <?= $r['p_tempat_lahir'] ?>, <?= date('d-m-Y',strtotime($r['p_tanggal_lahir'])) ?></td></tr>
<tr><td>NIK</td><td>: <?= $r['p_nik'] ?></td></tr>
<tr><td>Pekerjaan</td><td>: <?= $r['p_pekerjaan'] ?></td></tr>
<tr><td>Agama</td><td>: <?= $r['p_agama'] ?></td></tr>
<tr><td>Alamat</td>
<td>: <?= $r['p_dusun'] ?> Desa <?= $r['p_desa'] ?> Kec. <?= $r['p_kecamatan'] ?></td></tr>
</table>

<p class="paragraf">(Selanjutnya disebut <b>pemberi kuasa</b>)</p>

<p class="paragraf">Dengan ini memberikan kuasa kepada :</p>

<table>
<tr><td width="30%">Nama</td><td>: <?= $r['r_nama'] ?></td></tr>
<tr><td>Tempat / Tgl Lahir</td>
<td>: <?= $r['r_tempat_lahir'] ?>, <?= date('d-m-Y',strtotime($r['r_tanggal_lahir'])) ?></td></tr>
<tr><td>NIK</td><td>: <?= $r['r_nik'] ?></td></tr>
<tr><td>Pekerjaan</td><td>: <?= $r['r_pekerjaan'] ?></td></tr>
<tr><td>Agama</td><td>: <?= $r['r_agama'] ?></td></tr>
<tr><td>Alamat</td>
<td>: <?= $r['r_dusun'] ?> Desa <?= $r['r_desa'] ?> Kec. <?= $r['r_kecamatan'] ?></td></tr>
</table>

<p class="paragraf">(Selanjutnya disebut <b>penerima kuasa</b>)</p>

<p class="paragraf">
<?= nl2br(esc($r['keperluan'])) ?>
</p>

<div class="ttd">
<table width="100%">
<tr>
<td width="50%" align="center">
Yang Menerima Kuasa<br><br><br><br><br>
<b><u><?= $r['r_nama'] ?></u></b>
</td>
<td width="50%" align="center">
Mambu, <?= tgl($r['tanggal_surat']) ?><br>
Yang Memberi Kuasa<br><br><br><br>
<b><u><?= $r['p_nama'] ?></u></b>
</td>
</tr>
</table>

<p style="text-align:center;margin-top:0px">
Mengetahui :<br>
Kepala Desa Mambu<br><br>

<img
  src="https://api.qrserver.com/v1/create-qr-code/?size=100x100&data=<?= $linkQR ?>"
  alt="QR Verifikasi"
>
<br>
<b><u>HAYAMUDDIN</u></b>
</p>

</body>
</html>
