<!DOCTYPE html>
<html>
<head>
    <title>Surat Pengantar Keterangan Tidak Mampu</title>
    <style>
        body {
            font-family: 'Times New Roman', Times, serif;
            font-size: 12pt;
        }
        .header {
            text-align: center;
            margin-bottom: 20px;
        }
        .header h2 {
            margin: 0;
            font-size: 16pt;
        }
        .header p {
            margin: 0;
            font-size: 10pt;
        }
        .content {
            text-align: justify;
            line-height: 1.5;
        }
        .indent {
            text-indent: 0.5in;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
            margin-bottom: 20px;
        }
        table td {
            padding: 5px 0;
            vertical-align: top;
        }
        .signature {
            margin-top: 40px;
            text-align: right;
        }
        .signature-rt-rw {
            margin-top: 40px;
            float: left;
            width: 45%;
        }
        .signature-kades {
            margin-top: 40px;
            float: right;
            width: 45%;
        }
        .signature div {
            margin-top: 70px;
        }
        .footer {
            margin-top: 50px;
            text-align: center;
            font-size: 10pt;
            clear: both;
        }
    </style>
</head>
<body>
    <div class="header">
        <h2>SURAT PENGANTAR KETERANGAN TIDAK MAMPU</h2>
        <hr style="border: 1px solid black; width: 80%;">
        <p>Nomor: {{ $record->nomor_surat ?? '___________________' }}</p>
    </div>

    <div class="content">
        <p class="indent">Yang bertanda tangan di bawah ini:</p>
        <table>
            <tr>
                <td width="30%">Nama</td>
                <td width="5%">:</td>
                <td></td>
            </tr>
            <tr>
                <td>Jabatan</td>
                <td>:</td>
                <td></td>
            </tr>
            <tr>
                <td>Alamat</td>
                <td>:</td>
                <td></td>
            </tr>
        </table>

        <p class="indent">Dengan ini menerangkan bahwa:</p>
        <table>
            <tr>
                <td width="30%">Nama Lengkap</td>
                <td width="5%">:</td>
                <td>{{ $record->penduduk->nama ?? '-' }}</td>
            </tr>
            <tr>
                <td>NIK</td>
                <td>:</td>
                <td>{{ $record->penduduk->nik ?? '-' }}</td>
            </tr>
            <tr>
                <td>No. KK</td>
                <td>:</td>
                <td>{{ $kk->nomor_kk ?? '-' }}</td>
            </tr>
            <tr>
                <td>Tempat, Tanggal Lahir</td>
                <td>:</td>
                <td>{{ $record->penduduk->tempat_lahir ?? '-' }}, {{ \Carbon\Carbon::parse($record->penduduk->tanggal_lahir ?? now())->translatedFormat('d F Y') }}</td>
            </tr>
            <tr>
                <td>Jenis Kelamin</td>
                <td>:</td>
                <td>{{ $record->penduduk->jenis_kelamin ?? '-' }}</td>
            </tr>
            <tr>
                <td>Agama</td>
                <td>:</td>
                <td>{{ $record->penduduk->agama ?? '-' }}</td>
            </tr>
            <tr>
                <td>Pekerjaan</td>
                <td>:</td>
                <td>{{ $record->penduduk->pekerjaan ?? '-' }}</td>
            </tr>
            <tr>
                <td>Alamat</td>
                <td>:</td>
                <td>{{ $record->penduduk->alamat ?? '-' }} RT {{ $record->penduduk->rt ?? '-' }} / RW {{ $record->penduduk->rw ?? '-' }}</td>
            </tr>
        </table>

        <p class="indent">Berdasarkan hasil verifikasi yang kami lakukan, yang bersangkutan adalah benar-benar warga kami yang tergolong sebagai keluarga tidak mampu dan bermaksud mengajukan {{ $record->perihal }}.</p>

        <p class="indent">Surat pengantar ini diberikan untuk keperluan: **{{ $record->tujuan_pengantar }}**.</p>

        <p class="indent">Demikian surat pengantar ini dibuat dengan sebenarnya untuk dapat dipergunakan sebagaimana mestinya.</p>
    </div>

    <div style="width: 100%; overflow: hidden;">
        @if($record->status === 'disetujui')
            <div class="signature-rt-rw">
                <p>Mengetahui,</p>
                <p>Ketua RT {{ $record->penduduk->rt ?? '-' }} / RW {{ $record->penduduk->rw ?? '-' }}</p>
                <div></div>
                <p>( {{ $record->disetujuiOlehRtRw->name ?? '_____________________' }} )</p>
            </div>
            <div class="signature-kades">
                <p>Bogor, {{ \Carbon\Carbon::parse($record->tanggal_disetujui_admin_desa ?? now())->translatedFormat('d F Y') }}</p>
                <p>Kepala Desa [Nama Desa Anda]</p>
                <div></div>
                <p>( {{ $record->disetujuiOlehAdminDesa->name ?? '_____________________' }} )</p>
            </div>
        @else
             {{-- Tampilan draft tanpa tanda tangan final --}}
            <div class="signature">
                <p>Bogor, {{ \Carbon\Carbon::now()->translatedFormat('d F Y') }}</p>
                <p>Kepala Desa [Nama Desa Anda]</p>
                <div></div>
                <p>( _____________________ )</p>
            </div>
        @endif
    </div>

    <div class="footer">
        <p><i>Dokumen ini digenerate secara otomatis oleh sistem.</i></p>
    </div>
</body>
</html>