<!DOCTYPE html>
<?php
$CI =& get_instance();
$CI->load->model('Pengaturan_model');
$p = $CI->Pengaturan_model->get();

function pg_val($obj, $field, $fallback = '') {
    if (!empty($obj) && isset($obj->$field) && $obj->$field !== null && trim((string)$obj->$field) !== '') {
        return $obj->$field;
    }
    return $fallback;
}

if (!function_exists('tgl_indo')) {
    function tgl_indo($tanggal) {
        $bulan = [
            1=>'Januari',2=>'Februari',3=>'Maret',4=>'April',
            5=>'Mei',6=>'Juni',7=>'Juli',8=>'Agustus',
            9=>'September',10=>'Oktober',11=>'November',12=>'Desember'
        ];
        $s = explode('-', $tanggal);
        if (count($s) < 3) return $tanggal;
        return (int)$s[2] . ' ' . $bulan[(int)$s[1]] . ' ' . $s[0];
    }
}

$logo_file          = pg_val($p, 'logo');
$provinsi           = pg_val($p, 'nama_provinsi',      'Provinsi ............');
$kota               = pg_val($p, 'nama_kota',          'Kota/Kabupaten ............');
$kecamatan          = pg_val($p, 'nama_kecamatan',     'Kecamatan ............');
$kelurahan          = pg_val($p, 'nama_kelurahan',     'Kelurahan/Desa ............');
$nama_rt            = pg_val($p, 'nama_rt',            'RT 001');
$nama_rw            = pg_val($p, 'nama_rw',            'RW 001');
$kode_pos           = pg_val($p, 'kode_pos',           '');
$no_telp            = pg_val($p, 'no_telp',            '');
$alamat_sekretariat = pg_val($p, 'alamat_sekretariat', '');

$alamat_lengkap = !empty($alamat_sekretariat)
    ? $alamat_sekretariat
    : $nama_rt.'/'.$nama_rw.' '.$kelurahan.', Kec. '.$kecamatan;

$nama_ketua_rt  = pg_val($p, 'nama_ketua_rt',  '........................');
$nik_ketua_rt   = pg_val($p, 'nik_ketua_rt',   '');
$nama_ketua_rw  = pg_val($p, 'nama_ketua_rw',  '........................');
$nik_ketua_rw   = pg_val($p, 'nik_ketua_rw',   '');
$nama_lurah     = pg_val($p, 'nama_lurah',     '');
$jabatan_lurah  = pg_val($p, 'jabatan_lurah',  'Lurah');
$nip_lurah      = pg_val($p, 'nip_lurah',      '');
$footer_text    = pg_val($p, 'footer_surat',
    'Diterbitkan oleh Sistem Informasi Manajemen '.$nama_rt.' '.$nama_rw.' '.$kelurahan);

$ada_lurah = !empty($nama_lurah);

$ttl = [];
if (!empty($surat->tempat_lahir))  $ttl[] = $surat->tempat_lahir;
if (!empty($surat->tanggal_lahir)) $ttl[] = tgl_indo($surat->tanggal_lahir);
$ttl_str   = !empty($ttl) ? implode(', ', $ttl) : '............................';
$jk        = !empty($surat->jenis_kelamin) ? ($surat->jenis_kelamin=='L' ? 'Laki-laki' : 'Perempuan') : '..........';
$agama     = !empty($surat->agama)           ? ucfirst($surat->agama)  : '..........';
$wn        = !empty($surat->kewarganegaraan) ? $surat->kewarganegaraan : 'Indonesia';
$pekerjaan = !empty($surat->pekerjaan)       ? $surat->pekerjaan       : '......................';
$nik       = !empty($surat->nik)             ? $surat->nik             : '-';
$keperluan = nl2br(htmlspecialchars($surat->keperluan ?? ''));

if (!empty($surat->alamat))          $alamat_warga = $surat->alamat;
elseif (!empty($alamat_sekretariat)) $alamat_warga = $alamat_sekretariat;
else                                 $alamat_warga = $nama_rt.'/'.$nama_rw.' '.$kelurahan.', Kec. '.$kecamatan;

$tanggal_cetak = !empty($surat->tanggal_selesai)
    ? tgl_indo($surat->tanggal_selesai)
    : tgl_indo(date('Y-m-d'));
?>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cetak Surat - <?php echo htmlspecialchars($surat->nomor_surat ?? ''); ?></title>
    <style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Times New Roman', Times, serif; font-size: 11.5pt; color: #000; background: #f0f0f0; }
.page { width: 210mm; min-height: 297mm; margin: 20px auto; background: #fff; padding: 15mm 20mm 25mm 25mm; box-shadow: 0 0 10px rgba(0,0,0,0.15); position: relative; }

/* ================= KOP ================= */
.kop { display: flex; align-items: flex-start; border-bottom: 4px double #000; padding-bottom: 12px; margin-bottom: 14px; } .kop-logo { width: 90px; margin-right: 15px; text-align: center; flex-shrink: 0; }



/* LOGO BESAR */
.kop-logo { 
    height: 100px;
    margin-right: 20px; 
    text-align: center; 
    flex-shrink: 0; 
}

.kop-logo img { 
     width: 100px;
     height: 100px;
    object-fit: contain; 
}

.kop-logo-placeholder { 
    width: 100px;
    height: 100px;
    border: 2px solid #000; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 8pt; 
    text-align: center; 
    margin: 0 auto; 
    padding: 5px; 
}

/* TEKS KOP (RATA TENGAH) */
.kop-text { 
    flex: 1; 
    text-align: center; 
}

.kop-text .k1 { font-size: 14pt; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
.kop-text .k2 { font-size: 14pt; font-weight: bold; text-transform: uppercase; margin: 2px 0; letter-spacing: 1px; }
.kop-text .k3 { font-size: 12pt; margin-top: 4px; line-height: 1.5; }
.kop-text .k4 { font-size: 11pt; margin-top: 2px; }

/* ================= JUDUL SURAT ================= */
.judul { 
    text-align: center !important; 
    margin: 25px 0 20px; 
}

.judul .j1 { 
    font-size: 13pt; 
    font-weight: bold; 
    text-transform: uppercase; 
    letter-spacing: 2px; 
}

.judul .j3 { 
    font-size: 15pt; 
    font-weight: bold; 
    text-transform: uppercase; 
    text-decoration: underline; 
    margin-top: 6px; 
}

.judul .j4 { 
    font-size: 12pt; 
    margin-top: 8px; 
}

/* ================= KONTEN ================= */
.pembuka { font-size: 11pt; line-height: 1.8; margin-bottom: 10px; text-align: justify; }
.tbl-warga { border-collapse: collapse; width: 100%; margin-bottom: 10px; }
.tbl-warga td { padding: 3px 4px 4px 4px; vertical-align: top; font-size: 11pt; line-height: 1.5; }
.tbl-warga td.lbl { width: 160px; white-space: nowrap; }
.tbl-warga td.sep { width: 10px; white-space: nowrap; }
.tbl-warga td.val { border-bottom: 1px solid #000; }
.berlaku { font-size: 11pt; line-height: 1.9; margin: 8px 0 4px; }

/* ================= TANDA TANGAN ================= */
.ttd-wrap { margin-top: 30px; }
.ttd-row1 { display: flex; justify-content: space-between; margin-bottom: 20px; }
.mengetahui { text-align: center; font-size: 11.5pt; font-weight: bold; text-decoration: underline; text-transform: uppercase; letter-spacing: 1px; margin: 10px 0; }
.ttd-row2 { display: flex; margin-top: 4px; }
.ttd-row2.has-lurah { justify-content: space-between; }
.ttd-row2.no-lurah  { justify-content: center; }
.ttd-box { text-align: center; width: 45%; }
.ttd-box .ttd-jabatan { font-weight: bold; font-size: 11pt; margin-bottom: 60px; }
.ttd-box .ttd-garis { border-top: 1px solid #000; margin: 0 8px; padding-top: 4px; }
.ttd-box .ttd-nama { font-weight: bold; font-size: 11pt; }
.ttd-box .ttd-nik { font-size: 9.5pt; margin-top: 2px; }

/* ================= FOOTER ================= */
.footer-surat { 
    position: absolute; 
    bottom: 8mm; 
    left: 25mm; 
    right: 20mm; 
    border-top: 1px solid #ccc; 
    padding-top: 4px; 
    font-size: 8.5pt; 
    color: #555; 
    text-align: center; 
}

/* ================= PRINT BAR ================= */
.print-bar { text-align: center; padding: 15px; background: #fff; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.btn-print { background: #20c997; color: #fff; border: none; padding: 10px 30px; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; margin-right: 8px; }
.btn-print:hover { background: #1ba87e; }
.btn-back { background: #f1f3f5; color: #555; border: none; padding: 10px 22px; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; text-decoration: none; display: inline-block; margin-right: 4px; }
.btn-back:hover { background: #e9ecef; }

@media print {
    body { background: #fff; }
    .print-bar { display: none; }
    .page { margin: 0; box-shadow: none; width: 100%; padding: 12mm 18mm 22mm 22mm; }
}

    </style>
</head>
<body>

<div class="print-bar">
    <button class="btn-print" onclick="window.print()">🖨️ Cetak Surat</button>
    <a href="<?php echo base_url('surat/detail/' . $surat->id); ?>" class="btn-back">← Detail</a>
    <a href="<?php echo base_url('surat'); ?>" class="btn-back">☰ Daftar Surat</a>
</div>

<div class="page">

    <!-- KOP SURAT -->
    <div class="kop">
        <div class="kop-logo">
            <?php if (!empty($logo_file)): ?>
                <img src="<?php echo base_url('uploads/pengaturan/' . $logo_file); ?>"
                     alt="Logo <?php echo htmlspecialchars(($nama_rt ?? '') . ' ' . ($nama_rw ?? '')); ?>"
                     onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                <div class="kop-logo-placeholder" style="display:none;">
                    LOGO<br><?php echo htmlspecialchars($nama_rt ?? ''); ?>
                </div>
            <?php else: ?>
                <div class="kop-logo-placeholder">
                    LOGO<br><?php echo htmlspecialchars($nama_rt ?? ''); ?>
                </div>
            <?php endif; ?>
        </div>
        <div class="kop-text">
            <div class="k2">PEMERINTAH <?php echo strtoupper(htmlspecialchars($kota ?? '')); ?></div>
            <div class="k2">KECAMATAN <?php echo strtoupper(htmlspecialchars($kecamatan ?? '')); ?></div>
            <div class="k2"><?php echo strtoupper(htmlspecialchars($kelurahan ?? '')); ?></div>
         <!--
<div class="k3">
    <?php echo htmlspecialchars($nama_rt . ' / ' . $nama_rw); ?><br>
    <?php echo htmlspecialchars($alamat_lengkap); ?>
</div>

<div class="k4">
    <?php echo htmlspecialchars($provinsi); ?>
    <?php if (!empty($kode_pos) && $kode_pos != '-'): ?>
        &nbsp;&nbsp;Kode Pos: <?php echo htmlspecialchars($kode_pos); ?>
    <?php endif; ?>
    <?php if (!empty($no_telp) && $no_telp != '-'): ?>
        &nbsp;|&nbsp; Telp: <?php echo htmlspecialchars($no_telp); ?>
    <?php endif; ?>
</div>
-->
        </div>
    </div>

    <!-- JUDUL SURAT -->
    <div class="judul">
        <div class="j3">SURAT PENGANTAR</div>
        <div class="j1"><?php echo strtoupper(htmlspecialchars($surat->jenis_surat ?? '')); ?></div>
        <div class="j4">Nomor: <?php echo htmlspecialchars($surat->nomor_surat ?? ''); ?></div>
    </div>

    <!-- PEMBUKA -->
    <div class="pembuka">
        Yang bertanda tangan di bawah ini, Ketua <?php echo htmlspecialchars($nama_rt ?? ''); ?>
        <?php echo htmlspecialchars($nama_rw ?? ''); ?> <?php echo htmlspecialchars($kelurahan ?? ''); ?>,
        Kecamatan <?php echo htmlspecialchars($kecamatan ?? ''); ?>,
        <?php echo htmlspecialchars($kota ?? ''); ?>,
        dengan ini menerangkan bahwa :
    </div>

    <!-- DATA WARGA -->
    <table class="tbl-warga">
        <tr>
            <td class="lbl">Nama Lengkap</td>
            <td class="sep">:</td>
            <td class="val"><?php echo htmlspecialchars($surat->nama_lengkap ?? ''); ?></td>
        </tr>
        <tr>
            <td class="lbl">Tempat / Tanggal Lahir</td>
            <td class="sep">:</td>
            <td class="val"><?php echo $ttl_str; ?></td>
        </tr>
        <tr>
            <td class="lbl">Jenis Kelamin</td>
            <td class="sep">:</td>
            <td class="val"><?php echo htmlspecialchars($jk ?? ''); ?></td>
        </tr>
        <tr>
            <td class="lbl">Kewarganegaraan / Agama</td>
            <td class="sep">:</td>
            <td class="val"><?php echo htmlspecialchars($wn ?? ''); ?> / <?php echo htmlspecialchars($agama ?? ''); ?></td>
        </tr>
        <tr>
            <td class="lbl">Pekerjaan</td>
            <td class="sep">:</td>
            <td class="val"><?php echo htmlspecialchars($pekerjaan ?? ''); ?></td>
        </tr>
        <tr>
            <td class="lbl">Alamat</td>
            <td class="sep">:</td>
            <td class="val"><?php echo htmlspecialchars($alamat_warga ?? ''); ?></td>
        </tr>
        <tr>
            <td class="lbl">NIK</td>
            <td class="sep">:</td>
            <td class="val"><?php echo htmlspecialchars($nik ?? ''); ?></td>
        </tr>
        <tr>
            <td class="lbl">Keperluan</td>
            <td class="sep">:</td>
            <td class="val"><?php echo $keperluan; ?></td>
        </tr>
    </table>

    <!-- BERLAKU & PENUTUP -->
    <div class="berlaku">
        Surat keterangan ini berlaku dari tanggal dikeluarkan selama 1 (satu) bulan,
        terhitung mulai tanggal <?php echo $tanggal_cetak; ?>.<br><br>
        Demikian surat keterangan ini dibuat untuk dapat dipergunakan sebagaimana mestinya.
    </div>

    <!-- TTD -->
    <div class="ttd-wrap">

        <!-- Baris 1: Pemegang Surat & Ketua RT -->
        <div class="ttd-row1">
            <div class="ttd-box">
                <p class="ttd-jabatan" style="font-weight:normal;">Pemegang Surat</p>
                <div class="ttd-garis">
                    <p class="ttd-nama">( <?php echo htmlspecialchars($surat->nama_lengkap ?? ''); ?> )</p>
                </div>
            </div>
            <div class="ttd-box">
                <p class="ttd-jabatan">Ketua <?php echo htmlspecialchars($nama_rt ?? ''); ?></p>
                <div class="ttd-garis">
                    <p class="ttd-nama"><?php echo htmlspecialchars($nama_ketua_rt ?? ''); ?></p>
                    <!-- <?php if (!empty($nik_ketua_rt)): ?>
                        <p class="ttd-nik">NIK: <?php echo htmlspecialchars($nik_ketua_rt ?? ''); ?></p>
                    <?php endif; ?> -->
                </div>
            </div>
        </div>

        <!-- MENGETAHUI -->
        <div class="mengetahui">MENGETAHUI</div>

        <!-- Baris 2: Ketua RW & Lurah (opsional) -->
        <div class="ttd-row2 <?php echo $ada_lurah ? 'has-lurah' : 'no-lurah'; ?>">

            <!-- Ketua RW -->
            <div class="ttd-box">
                <p class="ttd-jabatan">Ketua <?php echo htmlspecialchars($nama_rw ?? ''); ?></p>
                <div class="ttd-garis">
                    <p class="ttd-nama"><?php echo htmlspecialchars($nama_ketua_rw ?? ''); ?></p>
                    <?php if (!empty($nik_ketua_rw)): ?>
                        <p class="ttd-nik">NIK: <?php echo htmlspecialchars($nik_ketua_rw ?? ''); ?></p>
                    <?php endif; ?>
                </div>
            </div>

            <!-- Lurah — hanya muncul jika terisi -->
            <?php if ($ada_lurah): ?>
            <div class="ttd-box">
                <p class="ttd-jabatan"><?php echo htmlspecialchars($jabatan_lurah ?? ''); ?></p>
                <div class="ttd-garis">
                    <p class="ttd-nama"><?php echo htmlspecialchars($nama_lurah ?? ''); ?></p>
                    <?php if (!empty($nip_lurah)): ?>
                        <p class="ttd-nik">NIP: <?php echo htmlspecialchars($nip_lurah ?? ''); ?></p>
                    <?php endif; ?>
                </div>
            </div>
            <?php endif; ?>

        </div>

    </div>

    <!-- FOOTER SURAT -->
    <div class="footer-surat">
        <?php echo htmlspecialchars($footer_text ?? ''); ?> &bull;
        Dicetak pada: <?php echo date('d/m/Y H:i'); ?>
    </div>

</div>

</body>
</html>