<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>LPKA Kelas II Jakarta - Detail Laporan Anak Binaan</title>
    <link rel="icon" href="<?php echo e(asset('picture/favicon.ico')); ?>" type="image/x-icon">
    <link rel="shortcut icon" href="<?php echo e(asset('picture/favicon.ico')); ?>" type="image/x-icon">
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
    <style>
        body { font-family: Arial, sans-serif; margin:0; padding:0; background:#fff; color:#000; }
        .container { max-width: 1000px; margin: 20px auto; padding: 0 10px; }
        header h1 { text-align:center; color:#1e40af; font-size:22px; margin-bottom:15px; }

        table { width:100%; border-collapse: collapse; margin-bottom:10px; font-size:13px; }
        th, td { border:1px solid #999; padding:4px 6px; vertical-align:top; }
        th { font-weight:bold; text-align:center; }

        .section-data-anak { background:#06213c; color:#fff; font-weight:bold; text-align:center; }
        .section-title { background:#d3d3d3; color:#000; font-weight:bold; text-align:center; }

        td:nth-child(1) { width: 40%; }  /* Kolom kiri lebih kecil (40%) */
        td:nth-child(2) { width: 60%; }  /* Kolom kanan lebih besar (60%) */

        .btn-container { margin-top:10px; display:flex; gap:10px; flex-wrap:wrap; }
        .btn-back, .btn-print { display:inline-block; padding:6px 12px; text-decoration:none; font-weight:bold; border:none; cursor:pointer; font-size:13px; }
        .btn-back { background:#ddd; color:#000; }
        .btn-print { background:#1e40af; color:#fff; }

        footer { text-align:center; font-size:12px; color:#555; margin-top:15px; }

        @media print {
            .btn-container, footer { display:none; }
            .section-title, .section-data-anak { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
        }
    </style>
    <script>
        function printLaporan() {
            window.print();
        }
    </script>
</head>
<body>

<div class="container">
    <header>
        <h1>LPKA Kelas II Jakarta - Detail Laporan Anak Binaan</h1>
    </header>

    <table>
        <thead>
            <tr class="section-data-anak">
                <th colspan="2">DATA ANAK BINAAN</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>Nama & Alamat</th>
                <td><?php echo e($laporan->anak->nama); ?> - <?php echo e($laporan->anak->alamat); ?></td>
            </tr>
            <tr>
                <th>Bulan</th>
                <td><?php echo e($laporan->bulan); ?></td>
            </tr>
            <tr>
                <th>Tahun</th>
                <td><?php echo e($laporan->tahun); ?></td>
            </tr>
        </tbody>
    </table>

    
    <table>
        <thead>
            <tr><th colspan="2" class="section-title">Pembinaan</th></tr>
        </thead>
        <tbody>
            <tr><th>Disiplin</th><td><?php echo e($laporan->pembinaan?->disiplin); ?></td></tr>
            <tr><th>Partisipasi</th><td><?php echo e($laporan->pembinaan?->partisipasi); ?></td></tr>
            <tr><th>Tanggung Jawab</th><td><?php echo e($laporan->pembinaan?->tanggung_jawab); ?></td></tr>
            <tr><th>Catatan</th><td><?php echo e($laporan->pembinaan?->catatan); ?></td></tr>
        </tbody>
    </table>

    
    <table>
        <thead>
            <tr><th colspan="2" class="section-title">Kesehatan</th></tr>
        </thead>
        <tbody>
            <tr><th>Tekanan Darah</th><td><?php echo e($laporan->kesehatan?->tekanan_darah); ?></td></tr>
            <tr><th>Nadi</th><td><?php echo e($laporan->kesehatan?->nadi); ?></td></tr>
            <tr><th>Suhu</th><td><?php echo e($laporan->kesehatan?->suhu); ?></td></tr>
            <tr><th>Berat Badan</th><td><?php echo e($laporan->kesehatan?->berat_badan); ?></td></tr>
            <tr><th>Tinggi Badan</th><td><?php echo e($laporan->kesehatan?->tinggi_badan); ?></td></tr>
            <tr><th>Diagnosa</th><td><?php echo e($laporan->kesehatan?->diagnosa); ?></td></tr>
            <tr><th>Tindakan</th><td><?php echo e($laporan->kesehatan?->tindakan); ?></td></tr>
        </tbody>
    </table>

    
    <table>
        <thead>
            <tr><th colspan="2" class="section-title">Psikologi</th></tr>
        </thead>
        <tbody>
            <tr><th>Kontrol Emosi</th><td><?php echo e($laporan->psikologi?->kontrol_emosi); ?></td></tr>
            <tr><th>Motivasi</th><td><?php echo e($laporan->psikologi?->motivasi); ?></td></tr>
            <tr><th>Interaksi Sosial</th><td><?php echo e($laporan->psikologi?->interaksi_sosial); ?></td></tr>
            <tr><th>Tingkat Risiko</th><td><?php echo e($laporan->psikologi?->tingkat_risiko); ?></td></tr>
            <tr><th>Kondisi Emosional</th><td><?php echo e($laporan->psikologi?->kondisi_emosional); ?></td></tr>
            <tr><th>Rekomendasi</th><td><?php echo e($laporan->psikologi?->rekomendasi); ?></td></tr>
        </tbody>
    </table>

    
    <table>
        <thead>
            <tr><th colspan="2" class="section-title">Pengajian</th></tr>
        </thead>
        <tbody>
            <tr><th>Program</th><td><?php echo e($laporan->pengajian?->program); ?></td></tr>
            <tr><th>Halaman</th><td><?php echo e($laporan->pengajian?->halaman); ?></td></tr>
            <tr><th>Target</th><td><?php echo e($laporan->pengajian?->target); ?></td></tr>
        </tbody>
    </table>

    <div class="btn-container">
        <a href="<?php echo e(route('laporan.index')); ?>" class="btn-back">Kembali ke Daftar Laporan</a>
        <button onclick="printLaporan()" class="btn-print">Print Laporan</button>
    </div>

    <footer>
        &copy; <?php echo e(now()->year); ?> LPKA Kelas II Jakarta | <a href="<?php echo e(url('/')); ?>">Menu Utama</a>
    </footer>
</div>

</body>
</html><?php /**PATH /home/lpkaberk/public_html/resources/views/laporan/show.blade.php ENDPATH**/ ?>