<?php
// File: kajian.php (Halaman Semua Info Kajian - Perbaikan Final)

// Panggil header, yang di dalamnya sudah ada koneksi.php
require_once 'template_jamaah/header.php';

// Periksa apakah koneksi database berhasil
if (!$koneksi) {
    // Jika koneksi gagal, tampilkan pesan error dan hentikan skrip
    die("Koneksi ke database gagal. Silakan periksa file config/koneksi.php");
}

// Dapatkan waktu saat ini dalam format yang sama dengan database
$waktu_sekarang = date('Y-m-d H:i:s');

// Ambil semua data kajian yang akan datang
// PERBAIKAN FINAL: Membandingkan langsung dengan string waktu dari PHP
$semua_kajian_query = "SELECT ik.judul_kajian, ik.waktu_tanggal, u.nama_ustadz, u.foto 
                       FROM info_kajian ik
                       LEFT JOIN ustadz u ON ik.id_ustadz = u.id_ustadz
                       ORDER BY ik.waktu_tanggal DESC";
$semua_kajian_result = mysqli_query($koneksi, $semua_kajian_query);
?>

<!-- Header Halaman -->
<section class="bg-teal-600 text-white py-12">
    <div class="container mx-auto px-6 text-center">
        <h1 class="text-4xl font-bold font-serif">Info Kajian</h1>
        <p class="mt-2 text-lg text-teal-100">Daftar lengkap jadwal kajian yang akan datang.</p>
    </div>
</section>

<!-- Konten Utama -->
<main class="container mx-auto px-6 py-12">

    <!-- Daftar Kajian -->
<section id="daftar-kajian">
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10">
        <?php if ($semua_kajian_result && mysqli_num_rows($semua_kajian_result) > 0): ?>
            <?php $i = 0; while($kajian = mysqli_fetch_assoc($semua_kajian_result)): $i++; ?>
                <div class="relative group bg-gradient-to-br from-teal-50 via-white to-gray-100 rounded-2xl shadow-xl overflow-hidden transform hover:-translate-y-2 hover:scale-105 transition-all duration-300 animate__animated animate__fadeInUp" style="animation-delay: <?php echo $i * 0.2; ?>s;">
                    <!-- Ribbon tanggal -->
                    <div class="absolute top-0 left-0 bg-teal-500 text-white text-xs font-bold px-4 py-1 rounded-br-xl rounded-tl-2xl shadow-md z-10">
                        <?php echo date('l, d F Y', strtotime($kajian['waktu_tanggal'])); ?>
                    </div>
                    <div class="p-7 pt-10 flex flex-col h-full">
                        <h3 class="text-2xl font-bold mb-3 text-gray-800 group-hover:text-teal-600 transition h-16 leading-tight"><?php echo htmlspecialchars($kajian['judul_kajian']); ?></h3>
                        <div class="flex items-center pt-4 border-t border-gray-200 mt-auto">
                            <?php 
                            $foto_ustadz_url = 'uploads/foto_ustadz/' . ($kajian['foto'] ?? 'default.png');
                            if (!file_exists($foto_ustadz_url) || empty($kajian['foto'])) {
                                $foto_ustadz_url = 'https://placehold.co/40x40/e2e8f0/4a5568?text=U';
                            }
                            ?>
                            <img src="<?php echo htmlspecialchars($foto_ustadz_url); ?>" alt="Foto Ustadz" class="w-12 h-12 rounded-full object-cover mr-4 border-2 border-teal-200 shadow-sm animate__animated animate__zoomIn animate__delay-1s">
                            <div>
                                <p class="font-semibold text-gray-700 group-hover:text-teal-700 transition"><?php echo htmlspecialchars($kajian['nama_ustadz'] ?? 'Penceramah Dihapus'); ?></p>
                                <p class="text-xs text-gray-500">Pukul <span class="font-bold text-teal-600"><?php echo date('H:i', strtotime($kajian['waktu_tanggal'])); ?></span> WIB</p>
                            </div>
                        </div>
                    </div>
                    <!-- Icon Kajian -->
                    <div class="absolute bottom-5 right-5 opacity-10 group-hover:opacity-30 transition">
                        <i class="fa-solid fa-book-open fa-3x text-teal-400"></i>
                    </div>
                </div>
            <?php endwhile; ?>
        <?php else: ?>
            <div class="col-span-1 md:col-span-2 lg:col-span-3 bg-blue-50 text-blue-800 p-8 rounded-lg text-center animate__animated animate__fadeIn">
                <p class="text-xl font-semibold">Saat ini belum ada jadwal kajian yang akan datang.</p>
                <p class="mt-2">Silakan periksa kembali di lain waktu atau pastikan Anda telah memasukkan jadwal dengan tanggal yang benar di halaman admin.</p>
            </div>
        <?php endif; ?>
    </div>
</section>

</main>

<?php
// Panggil footer
require_once 'template_jamaah/footer.php';
?>
