<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Surat Keterangan Tidak Mampu – <?php echo htmlspecialchars($item->nama_lengkap??'');?></title>
<style>
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Times New Roman',Times,serif;font-size:12pt;color:#000;background:#fff;}
.page{width:21cm;min-height:29.7cm;margin:0 auto;padding:2cm 2.5cm;}
/* kop surat */
.kop{display:flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:3px double #000;margin-bottom:18px;}
.kop-logo{width:70px;height:70px;object-fit:contain;flex-shrink:0;}
.kop-logo-ph{width:70px;height:70px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;}
.kop-text{text-align:center;flex:1;}
.kop-text .kop-pem{font-size:11pt;font-weight:normal;}
.kop-text .kop-rt{font-size:16pt;font-weight:bold;text-transform:uppercase;letter-spacing:1px;margin:2px 0;}
.kop-text .kop-kel{font-size:11pt;}
.kop-text .kop-alamat{font-size:9pt;color:#444;margin-top:2px;}
/* judul surat */
.judul{text-align:center;margin:20px 0 6px;}
.judul h2{font-size:14pt;font-weight:bold;text-transform:uppercase;letter-spacing:2px;text-decoration:underline;}
.judul .nomor{font-size:10pt;margin-top:4px;}
/* isi */
.pembuka{margin:16px 0;font-size:12pt;line-height:1.8;text-align:justify;}
table.data{width:100%;border-collapse:collapse;margin:16px 0;}
table.data td{padding:4px 8px;font-size:12pt;vertical-align:top;}
table.data td:first-child{width:40%;font-weight:bold;}
table.data td:nth-child(2){width:5%;text-align:center;}
/* foto section */
.foto-section{margin:20px 0;}
.foto-section h4{font-size:11pt;font-weight:bold;border-bottom:1px solid #000;padding-bottom:4px;margin-bottom:12px;}
.foto-grid-print{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.foto-grid-print img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #ccc;}
.foto-caption{font-size:8pt;text-align:center;color:#555;margin-top:3px;}
/* penutup & ttd */
.penutup{margin:16px 0;font-size:12pt;line-height:1.8;text-align:justify;}
.ttd-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;}
.ttd-box{text-align:center;}
.ttd-box .ttd-title{font-size:11pt;margin-bottom:6px;}
.ttd-box .ttd-space{height:70px;}
.ttd-box .ttd-name{font-weight:bold;text-decoration:underline;font-size:11pt;}
.ttd-box .ttd-jabatan{font-size:10pt;}
/* status badge untuk cetak */
.status-badge{display:inline-block;border:2px solid #000;padding:2px 12px;font-weight:bold;font-size:10pt;border-radius:3px;}
/* no print */
.no-print{text-align:center;padding:16px;background:#f1f5f9;}
.btn-print{padding:10px 28px;border-radius:50px;border:none;background:#0d9488;color:#fff;font-size:14px;font-weight:700;cursor:pointer;margin-right:8px;}
.btn-back{padding:10px 20px;border-radius:50px;border:2px solid #94a3b8;background:#fff;color:#334155;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;}
@media print{
  .no-print{display:none!important;}
  body{font-size:12pt;}
  .page{padding:1.5cm 2cm;}
}
</style>
</head>
<body>

<div class="no-print">
  <button class="btn-print" onclick="window.print()"><i>🖨</i> Cetak / Print</button>
  <a class="btn-back" href="javascript:history.back()">← Kembali</a>
  <?php if(!empty($fotos)):?>
  <a class="btn-back" href="<?php echo base_url('warga_kurang_mampu/download_foto/'.$item->id);?>" style="margin-left:8px;background:#8b5cf6;color:#fff;border-color:#8b5cf6;">⬇ Download Foto (ZIP)</a>
  <?php endif;?>
</div>

<div class="page">

  <!-- KOP SURAT -->
  <div class="kop">
    <?php
    $logo_path = FCPATH . 'assets/img/logo-rt.png';
    if(file_exists($logo_path)): ?>
    <img class="kop-logo" src="<?php echo base_url('assets/img/logo-rt.png');?>" alt="Logo">
    <?php else:?>
    <div class="kop-logo-ph">🏛️</div>
    <?php endif;?>
    <div class="kop-text">
      <div class="kop-pem">PEMERINTAH KELURAHAN / DESA</div>
      <div class="kop-rt">
        <?php
        $rt_no  = $rt_info->nomor_rt  ?? ($rt_info->rt  ?? '001');
        $rw_no  = $rt_info->nomor_rw  ?? ($rt_info->rw  ?? '001');
        $kel    = $rt_info->kelurahan  ?? ($rt_info->nama_kelurahan ?? 'Kelurahan');
        $kec    = $rt_info->kecamatan  ?? ($rt_info->nama_kecamatan ?? 'Kecamatan');
        $kota   = $rt_info->kota       ?? ($rt_info->nama_kota ?? 'Kota');
        $prov   = $rt_info->provinsi   ?? ($rt_info->nama_provinsi ?? 'Provinsi');
        $alamat = $rt_info->alamat     ?? '';
        echo "RT $rt_no / RW $rw_no";
        ?>
      </div>
      <div class="kop-kel"><?php echo htmlspecialchars("$kel, $kec, $kota");?></div>
      <?php if($alamat):?><div class="kop-alamat"><?php echo htmlspecialchars($alamat);?></div><?php endif;?>
    </div>
  </div>

  <!-- JUDUL -->
  <div class="judul">
    <h2>Surat Keterangan Tidak Mampu</h2>
    <div class="nomor">Nomor: &nbsp;<?php echo date('Y');?>/WKM/<?php echo str_pad($item->id,4,'0',STR_PAD_LEFT);?></div>
  </div>

  <!-- PEMBUKA -->
  <div class="pembuka">
    Yang bertanda tangan di bawah ini, Ketua RT <?php echo $rt_no;?> / RW <?php echo $rw_no;?>,
    <?php echo htmlspecialchars("$kel, $kec, $kota, $prov");?>,
    dengan ini menerangkan bahwa:
  </div>

  <!-- DATA WARGA -->
  <table class="data">
    <tr><td>Nama Lengkap</td><td>:</td><td><strong><?php echo htmlspecialchars($item->nama_lengkap??'-');?></strong></td></tr>
    <tr><td>NIK</td><td>:</td><td><?php echo htmlspecialchars($item->nik??'-');?></td></tr>
    <tr><td>No. Kartu Keluarga</td><td>:</td><td><?php echo htmlspecialchars($item->no_kk??'-');?></td></tr>
    <?php if(!empty($item->tempat_lahir) && !empty($item->tgl_lahir)):?>
    <tr><td>Tempat / Tgl Lahir</td><td>:</td><td><?php echo htmlspecialchars($item->tempat_lahir.', '.date('d M Y',strtotime($item->tgl_lahir)));?></td></tr>
    <?php endif;?>
    <?php if(!empty($item->jenis_kelamin)):?>
    <tr><td>Jenis Kelamin</td><td>:</td><td><?php echo $item->jenis_kelamin==='L'?'Laki-laki':'Perempuan';?></td></tr>
    <?php endif;?>
    <?php if(!empty($item->alamat)):?>
    <tr><td>Alamat</td><td>:</td><td><?php echo htmlspecialchars($item->alamat);?></td></tr>
    <?php endif;?>
    <tr><td>Pekerjaan</td><td>:</td><td><?php echo htmlspecialchars($item->pekerjaan??'Tidak tetap / tidak bekerja');?></td></tr>
    <tr><td>Penghasilan / Bulan</td><td>:</td><td>Rp <?php echo number_format($item->penghasilan_bulan??0,0,',','.');?>,-</td></tr>
    <tr><td>Jumlah Tanggungan</td><td>:</td><td><?php echo (int)($item->jml_tanggungan??0);?> orang</td></tr>
    <tr><td>Status Kepemilikan Rumah</td><td>:</td><td>
      <?php $sr_map=['milik_sendiri'=>'Milik Sendiri','sewa'=>'Sewa/Kontrak','numpang'=>'Numpang','dinas'=>'Rumah Dinas','lainnya'=>'Lainnya'];
      echo $sr_map[$item->status_rumah??'']??ucfirst($item->status_rumah??'-');?></td></tr>
    <tr><td>Kondisi Fisik Rumah</td><td>:</td><td>
      <?php $krl=['baik'=>'Baik','sedang'=>'Sedang','buruk'=>'Buruk','sangat_buruk'=>'Sangat Buruk'];
      $krk=str_replace(' ','_',strtolower($item->kondisi_rumah??''));
      echo $krl[$krk]??ucfirst($item->kondisi_rumah??'-');?></td></tr>
    <tr><td>Status Pengajuan</td><td>:</td><td>
      <span class="status-badge"><?php
      $st=['menunggu'=>'MENUNGGU VERIFIKASI','diverifikasi'=>'SEDANG DIVERIFIKASI','disetujui'=>'DISETUJUI','ditolak'=>'TIDAK DISETUJUI'];
      echo $st[$item->status_pengajuan??'menunggu']??strtoupper($item->status_pengajuan??'-');
      ?></span></td></tr>
  </table>

  <!-- ALASAN -->
  <div class="pembuka">
    Adalah benar warga kami yang tinggal di wilayah RT <?php echo $rt_no;?>/RW <?php echo $rw_no;?> dan tergolong dalam kategori <strong>warga kurang mampu / tidak mampu</strong> dengan alasan sebagai berikut:<br>
    <em style="display:block;margin:8px 0 0 20px;">"<?php echo nl2br(htmlspecialchars($item->alasan_pengajuan??'-'));?>"</em>
  </div>

  <!-- FOTO RUMAH -->
  <?php if(!empty($fotos)):?>
  <div class="foto-section">
    <h4>Dokumentasi Foto Kondisi Rumah</h4>
    <div class="foto-grid-print">
      <?php foreach(array_slice($fotos,0,6) as $i=>$fn):?>
      <div>
        <img src="<?php echo base_url('uploads/wkm/'.$fn);?>" alt="Foto <?php echo $i+1;?>">
        <div class="foto-caption">Foto <?php echo $i+1;?></div>
      </div>
      <?php endforeach;?>
    </div>
    <?php if(count($fotos)>6):?>
    <div style="font-size:9pt;color:#555;margin-top:6px;text-align:center;">* dan <?php echo count($fotos)-6;?> foto lainnya (lihat file digital)</div>
    <?php endif;?>
  </div>
  <?php endif;?>

  <!-- PENUTUP -->
  <div class="penutup">
    Surat keterangan ini dibuat untuk keperluan pengajuan bantuan sosial dan keperluan administrasi lainnya.
    Demikian surat keterangan ini dibuat dengan sebenar-benarnya untuk dapat dipergunakan sebagaimana mestinya.
  </div>

  <!-- TANGGAL & TTD -->
  <div style="text-align:right;margin-bottom:20px;font-size:11pt;">
    <?php echo htmlspecialchars("$kel, ");?><?php echo date('d F Y');?>
  </div>

  <div class="ttd-section">
    <div class="ttd-box">
      <div class="ttd-title">Yang bersangkutan,</div>
      <div class="ttd-space"></div>
      <div class="ttd-name"><?php echo htmlspecialchars($item->nama_lengkap??'_________________');?></div>
      <div class="ttd-jabatan">Pemohon</div>
    </div>
    <div class="ttd-box">
      <div class="ttd-title">Mengetahui,<br>Ketua RT <?php echo $rt_no;?>/RW <?php echo $rw_no;?></div>
      <div class="ttd-space"></div>
      <div class="ttd-name"><?php echo htmlspecialchars($rt_info->ketua_rt??'_________________');?></div>
      <div class="ttd-jabatan">Ketua RT <?php echo $rt_no;?>/RW <?php echo $rw_no;?></div>
    </div>
  </div>

  <!-- Stempel area -->
  <div style="margin-top:16px;font-size:9pt;color:#777;text-align:center;border-top:1px dashed #ccc;padding-top:8px;">
    Dokumen dicetak pada <?php echo date('d F Y, H:i');?> WIB &nbsp;|&nbsp; No. Ref: WKM-<?php echo str_pad($item->id,6,'0',STR_PAD_LEFT);?>
  </div>

</div><!-- /page -->
</body>
</html>