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

$id = intval($_GET['id']); // Ambil id dari parameter URL
$d = $mysqli->query("
  SELECT s.*, i.*
  FROM surat_penghasilan_ortu s
  JOIN infografis i ON s.warga_id=i.id
  WHERE s.id=$id
")->fetch_assoc(); // Ambil data surat dan warga berdasarkan id surat

if (!$d) {
    die("Data tidak ditemukan!");
}
$linkQR = urlencode(
  "https://adminmambu.sidea.id/modules/verifikasi_surat_penghasilan_ortu.php?kode=".$d['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{
            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;
        }

        .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.2;
            margin-bottom:0px;
        }

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

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

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

<body>

<!-- 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 PENGHASILAN ORANG TUA</div>
<div class="nomor">Nomor : <?= $d['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>: Kottar Desa Mambu Kec. Luyo Kab. Polewali Mandar</td></tr>
</table>

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

<!-- Data Orang Tua -->
<table class="data" id="ortu-data">
    <tr><td width="30%">Nama</td><td id="nama_ortu">: <?= strtoupper($d['nama_ortu']); ?></td></tr>
    <tr><td>Tempat Lahir</td><td id="tempat_lahir_ortu">: <?= $d['tempat_lahir_ortu']; ?></td></tr>
    <tr><td>Pekerjaan</td><td id="pekerjaan_ortu">: <?= $d['pekerjaan_ortu']; ?></td></tr>
    <tr><td>Status Kawin</td><td id="status_perkawinan_ortu">: <?= $d['status_perkawinan_ortu']; ?></td></tr>
    <tr><td>Agama</td><td id="agama_ortu">: <?= $d['agama_ortu']; ?></td></tr>
    <tr><td>Alamat</td><td id="alamat_ortu">: <?= $d['alamat_ortu']; ?></td></tr>
</table>

<p class="paragraf">
    Adalah benar orang tua / wali dari :
</p>

<!-- Data Anak -->
<table class="data" id="anak-data">
    <tr><td width="30%">Nama</td><td id="anak_nama">: <?= strtoupper($d['nama_lengkap']); ?></td></tr>
    <tr><td>Tempat / Tgl. Lahir</td><td id="anak_lahir">: <?= $d['tempat_lahir']; ?>, <?= date('d-m-Y', strtotime($d['tanggal_lahir'])); ?></td></tr>
    <tr><td>Jenis Kelamin</td><td id="anak_jenis_kelamin">: <?= $d['jenis_kelamin']; ?></td></tr>
    <tr><td>Pekerjaan</td><td id="anak_pekerjaan">: <?= $d['pekerjaan']; ?></td></tr>
    <tr><td>Alamat</td><td id="anak_alamat">: <?= $d['dusun']; ?></td></tr>
</table>

<p class="paragraf">
    Dengan ini menerangkan bahwa yang bersangkutan di atas berpenghasilan rendah/minim
    berkisar kurang dari <b>Rp <?= number_format($d['penghasilan_ortu'],0,',','.') ?></b> per bulan.
</p>

<p class="paragraf">
    Surat keterangan ini diberikan kepada yang bersangkutan sebagai persyaratan
    kelengkapan berkas untuk <?= $d['alasan_surat']; ?>.
</p>

<p class="paragraf">
    Demikian surat keterangan ini dibuat untuk dapat dipergunakan sebagaimana mestinya.
</p>

<div class="ttd">
    Mambu, <?= date('d F Y', strtotime($d['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>
<script>
  var nomorKK = "<?= $d['nomor_kk']; ?>";
  fetchOrtuByKK(nomorKK);

function fetchOrtuByKK(nomorKK) {
  const url = `/modules/get_orang_tua_by_kk.php?nomor_kk=${nomorKK}`;

  fetch(url)
    .then(response => response.json())
    .then(data => {
      if (data.status === 'success') {

        document.getElementById('nama_ortu').innerHTML =
          `: ${data.nama_ortu.toUpperCase()}`;
        document.getElementById('tempat_lahir_ortu').innerHTML =
          `: ${data.tempat_lahir_ortu}, ${data.tanggal_lahir_ortu}`;
        document.getElementById('pekerjaan_ortu').innerHTML =
          `: ${data.pekerjaan_ortu}`;
        document.getElementById('status_perkawinan_ortu').innerHTML =
          `: ${data.status_perkawinan_ortu}`;
        document.getElementById('agama_ortu').innerHTML =
          `: ${data.agama_ortu}`;
        document.getElementById('alamat_ortu').innerHTML =
          `: ${data.alamat_ortu}`;

        // ✅ PRINT SETELAH AJAX SELESAI
        setTimeout(() => {
          window.print();
        }, 300);

      } else {
        alert('Data orang tua tidak ditemukan');
      }
    })
    .catch(err => {
      console.error('Error fetching data:', err);
    });
}
</script>


</body>
</html>
