<?php
session_start();
if(!isset($_SESSION['user'])) {
    header("Location: ../index.php");
    exit();
}

$form_type = $_POST['form_type'] ?? 'rpp';

// Fungsi helper untuk mengambil nilai POST dengan default
function getPost($key, $default = '') {
    return isset($_POST[$key]) ? $_POST[$key] : $default;
}

// Fungsi untuk mendapatkan label skor
function getSkorLabel($skor) {
    if($skor == 1) return 'Kurang';
    if($skor == 2) return 'Cukup';
    if($skor == 3) return 'Baik';
    if($skor == 4) return 'Sangat Baik';
    return '-';
}

// ==================== FORM 1: TELAAH RPP/MODUL AJAR (F-036-KM) ====================
if($form_type == 'rpp') {
    $total_skor = 0;
    for($i=1; $i<=40; $i++) {
        $total_skor += isset($_POST["skor$i"]) ? (int)$_POST["skor$i"] : 0;
    }
    $nilai_akhir = ($total_skor / 160) * 100;
    $kriteria = ($nilai_akhir >= 86) ? 'Amat Baik' : (($nilai_akhir >= 70) ? 'Baik' : 'Kurang');
    
    $html = '<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Instrumen Telaah RPP/Modul Ajar</title>
        <style>
            @media print { .no-print { display: none; } }
            body { font-family: "Times New Roman", Arial, sans-serif; margin: 20px; font-size: 11px; line-height: 1.3; }
            .header { text-align: center; margin-bottom: 20px; }
            .title { font-size: 16px; font-weight: bold; }
            .subtitle { font-size: 12px; }
            .info-table { width: 100%; border-collapse: collapse; margin-bottom: 15px; }
            .info-table td { padding: 5px; border: 1px solid #000; }
            .info-table td:first-child { width: 120px; font-weight: bold; background: #f5f5f5; }
            .score-table { width: 100%; border-collapse: collapse; margin-bottom: 15px; font-size: 10px; }
            .score-table th, .score-table td { border: 1px solid #000; padding: 4px; text-align: center; }
            .score-table th { background: #e8e8e8; font-weight: bold; }
            .score-table td:first-child { width: 5%; }
            .score-table td:nth-child(2) { text-align: left; width: 45%; }
            .signature { margin-top: 30px; display: flex; justify-content: space-between; }
            .footer { margin-top: 20px; text-align: center; font-size: 9px; }
            .text-left { text-align: left; }
            .text-center { text-align: center; }
            .bold { font-weight: bold; }
        </style>
    </head>
    <body>
        <!-- Header Formulir -->
        <div class="header">
            <div class="title">FORMULIR INSTRUMEN TELAAH RPP/MODUL AJAR</div>
            <div class="subtitle">F-036-KM</div>
            <hr>
        </div>
        
        <!-- Data Guru -->
        <table class="info-table">
            <tr><td class="bold">Nama Guru</td><td colspan="3">'.htmlspecialchars(getPost('nama_guru')).'</td></tr>
            <tr><td class="bold">Bidang Studi</td><td colspan="3">'.htmlspecialchars(getPost('bidang_studi')).'</td></tr>
            <tr><td class="bold">Kelas</td><td>'.htmlspecialchars(getPost('kelas')).'</td>
            <td class="bold">Tanggal/Waktu</td><td>'.htmlspecialchars(getPost('tanggal_waktu')).'</td></tr>
        </table>
        
        <!-- Tabel Instrumen -->
        <table class="score-table">
            <thead>
                <tr>
                    <th>No</th>
                    <th>Aspek yang Diamati</th>
                    <th>1<br>(Belum Sesuai)</th>
                    <th>2<br>(Hanya Sebagian)</th>
                    <th>3<br>(Sesuai)</th>
                    <th>4<br>(Sangat Sesuai)</th>
                    <th>Catatan</th>
                </tr>
            </thead>
            <tbody>';
    
    // Data aspek untuk 40 item (sesuai formulir asli)
    $aspek = [
        'A. Perumusan Indikator', '', '', '', '', '',
        '1. Indikator sesuai dengan SKL-KI, dan KD',
        '2. Meliputi dimensi sikap, keterampilan dan pengetahuan',
        '3. Menggunakan kata kerja operasional yang mengandung satu perilaku',
        '4. Mengandung satu perilaku yang dapat diobservasi',
        '5. Mencakup level berpikir tinggi (analisis, evaluasi, atau mencipta)',
        '6. Meliputi pengetahuan faktual, konseptual, prosedural, dan/atau metakognitif',
        'B. Perumusan Tujuan Pembelajaran', '', '', '',
        '7. Tujuan realistik, dapat dicapai melalui proses pembelajaran',
        '8. Relevan dengan kompetensi dasar dan indikator',
        '9. Mencakup pengembangan sikap, keterampilan dan pengetahuan',
        '10. Mengandung unsur menciptakan karya',
        'C. Materi Pelajaran', '', '', '', '', '', '',
        '11. Relevan dengan tujuan pembelajaran',
        '12. Sesuai dengan potensi peserta didik',
        '13. Kontekstual',
        '14. Sesuai dengan perkembangan fisik, intelektual, emosional, sosial, dan spiritual siswa',
        '15. Bermanfaat untuk peserta didik',
        '16. Materi yang disajikan aktual',
        '17. Relevan dengan kebutuhan siswa',
        'D. Media Belajar', '', '', '',
        '18. Sesuai dengan tujuan pembelajaran',
        '19. Memudahkan siswa menguasai materi pelajaran',
        '20. Memfasilitasi siswa menerapkan pendekatan saintifik',
        '21. Memberdayakan teknologi informasi dan komunikasi',
        'E. Metode Pembelajaran', '', '', '',
        '22. Sesuai dengan tujuan pembelajaran',
        '23. Sesuai dengan pendekatan saintifik',
        '24. Sesuai dengan model inkuiri, pembelajaran berbasis masalah, atau proyek',
        '25. Mengembangkan kapasitas individu dan kerja sama peserta didik',
        'F. Rencana Kegiatan Pembelajaran', '', '', '', '', '', '', '', '',
        '26. Menampilkan kegiatan pendahuluan, inti, dan penutup',
        '27. Menjelaskan tujuan pembelajaran',
        '28. Merencanakan kegiatan siswa mengamati',
        '29. Merencanakan kegiatan siswa menanya',
        '30. Merancang kegiatan siswa mencoba',
        '31. Merancang kegiatan siswa menalar atau mengasosiasi',
        '32. Merancang kegiatan siswa membentuk jejaring atau mengomunikasikan produk penalarannya',
        '33. Merancang kegiatan siswa berkarya atau mencipta',
        '34. Mengandung rencana kegiatan tindak lanjut (penugasan, remedial, dan pengayaan)',
        'G. Penilaian', '', '', '', '',
        '35. Menilai ketercapaian indikator hasil belajar',
        '36. Mengukur sikap, pengetahuan, dan keterampilan',
        '37. Merancang penilaian otentik',
        '38. Meliputi rancangan instrumen tes',
        '39. Merancang penilaian tugas',
        '40. Menetapkan pedoman penskoran'
    ];
    
    $no = 1;
    for($i=0; $i<count($aspek); $i++) {
        $item = $aspek[$i];
        // Header section
        if(in_array($item, ['A. Perumusan Indikator', 'B. Perumusan Tujuan Pembelajaran', 'C. Materi Pelajaran', 'D. Media Belajar', 'E. Metode Pembelajaran', 'F. Rencana Kegiatan Pembelajaran', 'G. Penilaian'])) {
            $html .= '<tr style="background:#e8e8e8;"><td colspan="7"><strong>'.$item.'</strong></td></tr>';
            continue;
        }
        if(empty(trim($item))) continue;
        
        $skor = isset($_POST["skor$no"]) ? (int)$_POST["skor$no"] : 0;
        $checked1 = ($skor == 1) ? '✓' : '';
        $checked2 = ($skor == 2) ? '✓' : '';
        $checked3 = ($skor == 3) ? '✓' : '';
        $checked4 = ($skor == 4) ? '✓' : '';
        $catatan = isset($_POST["catatan$no"]) ? htmlspecialchars($_POST["catatan$no"]) : '';
        
        $html .= '<tr>
            <td class="text-center">'.$no.'</td>
            <td class="text-left">'.$item.'</td>
            <td class="text-center">'.$checked1.'</td>
            <td class="text-center">'.$checked2.'</td>
            <td class="text-center">'.$checked3.'</td>
            <td class="text-center">'.$checked4.'</td>
            <td class="text-left">'.$catatan.'</td>
        </tr>';
        $no++;
    }
    
    $html .= '</tbody>
        </table>';
    
    // Kesimpulan dan Rekomendasi
    $kesimpulan = nl2br(htmlspecialchars(getPost('kesimpulan', '- Tidak ada kesimpulan -')));
    $rekomendasi = nl2br(htmlspecialchars(getPost('rekomendasi', '- Tidak ada rekomendasi -')));
    
    $html .= '<h4>Kesimpulan:</h4><p>'.$kesimpulan.'</p>';
    $html .= '<h4>Rekomendasi:</h4><p>'.$rekomendasi.'</p>';
    
    // SKOR RPP
    $html .= '<table class="info-table">
        <tr>
            <td class="bold">SKOR RENCANA PELAKSANAAN PEMBELAJARAN</td>
            <td class="text-center">'.$total_skor.'</td>
            <td class="text-center">160</td>
            <td class="text-center">'.number_format($nilai_akhir, 2).'</td>
            <td class="text-center bold">'.$kriteria.'</td>
        </tr>
        <tr>
            <td colspan="5"><strong>Kriteria:</strong> Amat Baik (86-100), Baik (70-85), Kurang (Di bawah 70)</td>
        </tr>
    </table>';
    
    // Tanda Tangan
    $html .= '<div class="signature">
        <div>Jakarta, '.htmlspecialchars(getPost('tanggal_ttd', date('d-m-Y'))).'</div>
        <div>Penilai,<br><br>'.htmlspecialchars(getPost('supervisor', $_SESSION['full_name'] ?? '')).'<br>NIK. '.htmlspecialchars(getPost('nik')).'</div>
    </div>';
    $html .= '<div class="footer">Dicetak: '.date('d-m-Y H:i:s').' - SIM ISTIQLAL</div>';
    $html .= '<div class="no-print" style="text-align:center; margin-top:20px;">
        <button onclick="window.print()" style="padding:10px 20px; font-size:14px; cursor:pointer;">🖨️ Cetak / Simpan PDF</button>
        <button onclick="window.close()" style="padding:10px 20px; font-size:14px; cursor:pointer; margin-left:10px;">✖️ Tutup</button>
    </div>';
    $html .= '</body></html>';
    
    echo $html;
}

// ==================== FORM 2: PELAKSANAAN SUPERVISI (F-037-KM) ====================
elseif($form_type == 'pelaksanaan') {
    $total_skor = 0;
    for($i=1; $i<=42; $i++) {
        $total_skor += isset($_POST["skor$i"]) ? (int)$_POST["skor$i"] : 0;
    }
    $nilai_akhir = ($total_skor / 168) * 100;
    $kriteria = ($nilai_akhir >= 86) ? 'Amat Baik' : (($nilai_akhir >= 70) ? 'Baik' : 'Kurang');
    
    $html = '<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Instrumen Pelaksanaan Supervisi Akademik</title>
        <style>
            @media print { .no-print { display: none; } }
            body { font-family: "Times New Roman", Arial, sans-serif; margin: 20px; font-size: 10px; line-height: 1.3; }
            .header { text-align: center; margin-bottom: 20px; }
            .title { font-size: 16px; font-weight: bold; }
            .subtitle { font-size: 12px; }
            .info-table { width: 100%; border-collapse: collapse; margin-bottom: 15px; }
            .info-table td { padding: 5px; border: 1px solid #000; }
            .info-table td:first-child { width: 120px; font-weight: bold; background: #f5f5f5; }
            .score-table { width: 100%; border-collapse: collapse; margin-bottom: 15px; font-size: 9px; }
            .score-table th, .score-table td { border: 1px solid #000; padding: 3px; text-align: center; }
            .score-table th { background: #e8e8e8; font-weight: bold; }
            .score-table td:first-child { width: 5%; }
            .score-table td:nth-child(2) { text-align: left; width: 40%; }
            .signature { margin-top: 30px; }
            .footer { margin-top: 20px; text-align: center; font-size: 9px; }
            .text-left { text-align: left; }
            .text-center { text-align: center; }
            .bold { font-weight: bold; }
        </style>
    </head>
    <body>
        <!-- Header Formulir -->
        <div class="header">
            <div class="title">FORMULIR INSTRUMEN PELAKSANAAN SUPERVISI AKADEMIK</div>
            <div class="subtitle">F-037-KM</div>
            <hr>
        </div>
        
        <!-- Data Guru -->
        <table class="info-table">
            <tr><td class="bold">Nama Guru</td><td colspan="3">'.htmlspecialchars(getPost('nama_guru')).'</td></tr>
            <tr><td class="bold">Bidang Studi</td><td colspan="3">'.htmlspecialchars(getPost('bidang_studi')).'</td></tr>
            <tr><td class="bold">Kelas</td><td>'.htmlspecialchars(getPost('kelas')).'</td>
            <td class="bold">Tanggal/Waktu</td><td>'.htmlspecialchars(getPost('tanggal_waktu')).'</td></tr>
        </table>
        
        <table class="score-table">
            <thead>
                <tr>
                    <th>No</th>
                    <th>Aspek yang Diamati</th>
                    <th>1<br>(Belum Sesuai)</th>
                    <th>2<br>(Hanya Sebagian)</th>
                    <th>3<br>(Sesuai)</th>
                    <th>4<br>(Sangat Sesuai)</th>
                    <th>Catatan</th>
                </tr>
            </thead>
            <tbody>';
    
    // Data aspek untuk 42 item
    $aspek = [
        'A. Apersepsi dan Motivasi', '', '', '',
        '1. Mengaitkan materi pembelajaran sekarang dengan pengalaman peserta didik atau pembelajaran sebelumnya.',
        '2. Mengajukan pertanyaan menantang.',
        '3. Menyampaikan manfaat materi pembelajaran.',
        '4. Mendemonstrasikan sesuatu yang terkait dengan materi pembelajaran.',
        'B. Penyampaian Kompetensi dan Rencana Kegiatan', '',
        '5. Menyampaikan kemampuan yang akan dicapai peserta didik.',
        '6. Menyampaikan rencana kegiatan misalnya, individual, kerja kelompok, dan melakukan observasi.',
        'C. Kegiatan Inti - Penguasaan Materi Pelajaran', '', '', '',
        '7. Kemampuan menyesuaikan materi dengan tujuan pembelajaran.',
        '8. Kemampuan mengkaitkan materi dengan pengetahuan lain yang relevan, perkembangan Iptek, dan kehidupan nyata.',
        '9. Menyajikan pembahasan materi pembelajaran dengan tepat.',
        '10. Menyajikan materi secara sistematis (mudah ke sulit, dari konkrit ke abstrak).',
        'Penerapan Strategi Pembelajaran yang Mendidik', '', '', '', '', '', '',
        '11. Melaksanakan pembelajaran sesuai dengan kompetensi yang akan dicapai.',
        '12. Menfasilitasi kegiatan yang memuat komponen eksplorasi, elaborasi dan konfirmasi.',
        '13. Melaksanakan pembelajaran secara runtut.',
        '14. Menguasai kelas.',
        '15. Melaksanakan pembelajaran yang bersifat kontekstual.',
        '16. Melaksanakan pembelajaran yang memungkinkan tumbuhnya kebiasaan positif (nurturant effect).',
        '17. Melaksanakan pembelajaran sesuai dengan alokasi waktu yang direncanakan.',
        'Penerapan Pendekatan Scientific', '', '', '', '', '', '',
        '18. Memberikan pertanyaan mengapa dan bagaimana.',
        '19. Memfasilitasi peserta didik untuk mengamati.',
        '20. Memancing peserta didik untuk bertanya.',
        '21. Memfasilitasi peserta didik untuk mencoba.',
        '22. Memfasilitasi peserta didik untuk menganalisis.',
        '23. Memberikan pertanyaan peserta didik untuk menalar (proses berfikir yang logis dan sistematis).',
        '24. Menyajikan kegiatan peserta didik untuk berkomunikasi.',
        'Pemanfaatan Sumber Belajar/Media dalam Pembelajaran', '', '', '', '',
        '25. Menunjukkan keterampilan dalam penggunaan sumber belajar pembelajaran.',
        '26. Menunjukkan keterampilan dalam penggunaan media pembelajaran.',
        '27. Menghasilkan pesan yang menarik.',
        '28. Melibatkan peserta didik dalam pemanfaatan sumber belajar pembelajaran.',
        '29. Melibatkan peserta didik dalam pemanfaatan media pembelajaran.',
        'D. Pelibatan Peserta Didik dalam Pembelajaran', '', '', '', '',
        '30. Menumbuhkan partisipasi aktif peserta didik melalui interaksi guru, peserta didik, sumber belajar.',
        '31. Merespon positif partisipasi peserta didik.',
        '32. Menunjukkan sikap terbuka terhadap respons peserta didik.',
        '33. Menunjukkan hubungan antar pribadi yang kondusif.',
        '34. Menumbuhkan keceriaan atau antusiasme peserta didik dalam belajar.',
        'E. Melaksanakan Penilaian Autentik', '', '',
        '35. Menilai sikap dalam pembelajaran.',
        '36. Menilai pengetahuan dalam proses pembelajaran.',
        '37. Menilai keterampilan dalam proses pembelajaran.',
        'F. Penggunaan Bahasa yang Benar dan Tepat dalam Pembelajaran', '',
        '38. Menggunakan bahasa lisan secara jelas dan lancar.',
        '39. Menggunakan bahasa tulis yang baik dan benar.',
        'G. Penutup Pembelajaran', '', '',
        '40. Melakukan refleksi atau membuat rangkuman dengan melibatkan peserta didik.',
        '41. Mengumpulkan hasil kerja sebagai bahan portofolio.',
        '42. Melaksanakan tindak lanjut dengan memberikan arahan kegiatan berikutnya dan tugas pengayaan.'
    ];
    
    $no = 1;
    for($i=0; $i<count($aspek); $i++) {
        $item = $aspek[$i];
        // Header section
        if(in_array($item, ['A. Apersepsi dan Motivasi', 'B. Penyampaian Kompetensi dan Rencana Kegiatan', 'C. Kegiatan Inti - Penguasaan Materi Pelajaran', 'Penerapan Strategi Pembelajaran yang Mendidik', 'Penerapan Pendekatan Scientific', 'Pemanfaatan Sumber Belajar/Media dalam Pembelajaran', 'D. Pelibatan Peserta Didik dalam Pembelajaran', 'E. Melaksanakan Penilaian Autentik', 'F. Penggunaan Bahasa yang Benar dan Tepat dalam Pembelajaran', 'G. Penutup Pembelajaran'])) {
            $html .= '<tr style="background:#e8e8e8;"><td colspan="7"><strong>'.$item.'</strong></td></tr>';
            continue;
        }
        if(empty(trim($item))) continue;
        
        $skor = isset($_POST["skor$no"]) ? (int)$_POST["skor$no"] : 0;
        $checked1 = ($skor == 1) ? '✓' : '';
        $checked2 = ($skor == 2) ? '✓' : '';
        $checked3 = ($skor == 3) ? '✓' : '';
        $checked4 = ($skor == 4) ? '✓' : '';
        $catatan = isset($_POST["catatan$no"]) ? htmlspecialchars($_POST["catatan$no"]) : '';
        
        $html .= '<tr>
            <td class="text-center">'.$no.'</td>
            <td class="text-left">'.$item.'</td>
            <td class="text-center">'.$checked1.'</td>
            <td class="text-center">'.$checked2.'</td>
            <td class="text-center">'.$checked3.'</td>
            <td class="text-center">'.$checked4.'</td>
            <td class="text-left">'.$catatan.'</td>
        </tr>';
        $no++;
    }
    
    $html .= '</tbody>
        </table>';
    
    // Kesimpulan, Refleksi, Rekomendasi
    $kekuatan = nl2br(htmlspecialchars(getPost('kekuatan', '- Tidak ada catatan -')));
    $kelemahan = nl2br(htmlspecialchars(getPost('kelemahan', '- Tidak ada catatan -')));
    $rekomendasi = nl2br(htmlspecialchars(getPost('rekomendasi', '- Tidak ada rekomendasi -')));
    $kesimpulan = nl2br(htmlspecialchars(getPost('kesimpulan', '- Tidak ada kesimpulan -')));
    $refleksi = nl2br(htmlspecialchars(getPost('refleksi', '- Tidak ada refleksi -')));
    
    $html .= '<h4>Kesimpulan:</h4><p>'.$kesimpulan.'</p>';
    $html .= '<h4>Refleksi:</h4><p>'.$refleksi.'</p>';
    $html .= '<h4>Rekomendasi:</h4><p>'.$rekomendasi.'</p>';
    $html .= '<h4>Kekuatan / Kelebihan:</h4><p>'.$kekuatan.'</p>';
    $html .= '<h4>Kelemahan / Hal yang Perlu Diperbaiki:</h4><p>'.$kelemahan.'</p>';
    
    // SKOR
    $html .= '<table class="info-table">
        <tr>
            <td class="bold">JUMLAH SKOR</td>
            <td class="text-center">'.$total_skor.'</td>
            <td class="text-center">168</td>
            <td class="text-center">'.number_format($nilai_akhir, 2).'</td>
            <td class="text-center bold">'.$kriteria.'</td>
        </tr>
        <tr>
            <td colspan="5"><strong>Kriteria:</strong> Amat Baik (86-100), Baik (70-85), Kurang (Di bawah 70)</td>
        </tr>
    </table>';
    
    // Tanda Tangan
    $html .= '<div class="signature">
        Jakarta, '.htmlspecialchars(getPost('tanggal_ttd', date('d-m-Y'))).'<br>
        Penilai,<br><br>
        '.htmlspecialchars(getPost('supervisor', $_SESSION['full_name'] ?? '')).'<br>
        NIP. '.htmlspecialchars(getPost('nip')).'
    </div>';
    $html .= '<div class="footer">Dicetak: '.date('d-m-Y H:i:s').' - SIM ISTIQLAL</div>';
    $html .= '<div class="no-print" style="text-align:center; margin-top:20px;">
        <button onclick="window.print()" style="padding:10px 20px; font-size:14px; cursor:pointer;">🖨️ Cetak / Simpan PDF</button>
        <button onclick="window.close()" style="padding:10px 20px; font-size:14px; cursor:pointer; margin-left:10px;">✖️ Tutup</button>
    </div>';
    $html .= '</body></html>';
    
    echo $html;
}

// ==================== FORM 3: WAWANCARA (F-038-KM) ====================
elseif($form_type == 'wawancara') {
    $pertanyaan = [
        'Bagaimana kesan Saudara setelah menyajikan pelajaran ini? Apakah sudah sesuai dengan yang Saudara rencanakan?',
        'Coba Saudara ceritakan hal-hal yang Saudara rasa telah memuaskan dan hal-hal yang kurang memuaskan dalam pembelajaran tadi!',
        'Bagaimana perkiraan Saudara mengenai ketercapaian kompetensi siswa?',
        'Apa yang menjadi kesulitan siswa?',
        'Apa yang menjadi kesulitan Saudara?',
        'Bagaimanakah alternatif untuk mengatasi kesulitan itu?',
        'Marilah bersama-sama kita identifikasi hal-hal yang telah mantap dan hal-hal yang perlu peningkatan!',
        'Apa yang saudara sarankan untuk dilaksanakan pada pertemuan berikutnya?'
    ];
    
    $html = '<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Wawancara Pasca Supervisi</title>
        <style>
            @media print { .no-print { display: none; } }
            body { font-family: "Times New Roman", Arial, sans-serif; margin: 20px; font-size: 12px; }
            .header { text-align: center; margin-bottom: 20px; }
            .title { font-size: 16px; font-weight: bold; }
            .info-table { width: 100%; border-collapse: collapse; margin-bottom: 15px; }
            .info-table td { padding: 6px; border: 1px solid #000; }
            .question-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
            .question-table th, .question-table td { border: 1px solid #000; padding: 8px; vertical-align: top; }
            .question-table th { background: #e8e8e8; }
            .signature { margin-top: 30px; display: flex; justify-content: space-between; }
            .footer { margin-top: 20px; text-align: center; font-size: 10px; }
        </style>
    </head>
    <body>
        <div class="header">
            <div class="title">FORMULIR WAWANCARA PASCA SUPERVISI AKADEMIK</div>
            <div class="subtitle">F-038-KM</div>
            <hr>
        </div>
        
        <table class="info-table">
            <tr><td class="bold">Nama Guru</td><td colspan="3">'.htmlspecialchars(getPost('nama_guru')).'</td></tr>
            <tr><td class="bold">Mata Pelajaran</td><td colspan="3">'.htmlspecialchars(getPost('mata_pelajaran')).'</td></tr>
            <tr><td class="bold">Kelas</td><td>'.htmlspecialchars(getPost('kelas')).'</td>
            <td class="bold">Hari/Tanggal</td><td>'.htmlspecialchars(getPost('hari_tanggal')).'</td></tr>
            <tr><td class="bold">Waktu</td><td colspan="3">'.htmlspecialchars(getPost('waktu')).'</td></tr>
        </table>
        
        <table class="question-table">
            <thead>
                <tr><th width="10%">No</th><th width="45%">Pertanyaan</th><th width="45%">Catatan Supervisor</th></tr>
            </thead>
            <tbody>';
    
    for($i=1; $i<=8; $i++){
        $jawaban = nl2br(htmlspecialchars(getPost("jawaban$i", '- Tidak ada catatan -')));
        $html .= '<tr>
            <td style="text-align:center">'.$i.'</td>
            <td>'.$pertanyaan[$i-1].'</td>
            <td>'.$jawaban.'</td>
        </tr>';
    }
    $html .= '</tbody>
        </table>';
    
    $html .= '<h4>Catatan Tambahan:</h4><p>'.nl2br(htmlspecialchars(getPost('catatan_tambahan', '- Tidak ada catatan tambahan -'))).'</p>';
    
    $html .= '<div class="signature">
        <div>Mengetahui,<br>Kepala Madrasah<br><br><br><u>'.htmlspecialchars(getPost('kepala_madrasah')).'</u></div>
        <div>Jakarta, '.htmlspecialchars(getPost('tanggal_ttd', date('d-m-Y'))).'<br>Guru Mata Pelajaran<br><br><br><u>'.htmlspecialchars(getPost('guru_mapel')).'</u></div>
        <div>Penilai/Supervisor<br><br><br><u>'.htmlspecialchars(getPost('supervisor', $_SESSION['full_name'] ?? '')).'</u></div>
    </div>';
    $html .= '<div class="footer">Dicetak: '.date('d-m-Y H:i:s').' - SIM ISTIQLAL</div>';
    $html .= '<div class="no-print" style="text-align:center; margin-top:20px;">
        <button onclick="window.print()" style="padding:10px 20px; font-size:14px; cursor:pointer;">🖨️ Cetak / Simpan PDF</button>
        <button onclick="window.close()" style="padding:10px 20px; font-size:14px; cursor:pointer; margin-left:10px;">✖️ Tutup</button>
    </div>';
    $html .= '</body></html>';
    
    echo $html;
}

// ==================== FORM 4 & 5: PERBAIKAN & PENCEGAHAN ====================
else {
    $html = '<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Formulir Supervisi</title>
        <style>
            @media print { .no-print { display: none; } }
            body { font-family: "Times New Roman", Arial, sans-serif; margin: 20px; }
            .header { text-align: center; margin-bottom: 20px; border-bottom: 2px solid #000; }
            .title { font-size: 18px; font-weight: bold; }
        </style>
    </head>
    <body>
        <div class="header"><div class="title">FORMULIR SUPERVISI</div></div>
        <h3>Formulir tidak ditemukan. Silakan kembali ke menu utama.</h3>
        <div class="no-print"><a href="supervisi_menu.php">Kembali ke Menu</a></div>
    </body>
    </html>';
    
    echo $html;
}
?>