<?php
// Halaman utama (index.php)
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
$pageTitle = 'Beranda';
$activePage = 'home';
require_once 'includes/header.php';

// Ambil data kampanye aktif terbaru (3 kampanye)
$db = dbConnect();
$db->query("SELECT k.*, 
            (SELECT SUM(d.jumlah) FROM donasi d WHERE d.kampanye_id = k.id AND d.status = 'diverifikasi') as total_donasi,
            (SELECT COUNT(d.id) FROM donasi d WHERE d.kampanye_id = k.id AND d.status = 'diverifikasi') as jumlah_donatur
            FROM kampanye k 
            WHERE k.status = 'aktif' AND k.tanggal_selesai >= CURDATE()
            ORDER BY k.created_at DESC 
            LIMIT 3");
$kampanye_list = $db->resultSet();

// Ambil data berita terbaru (3 berita)
$db->query("SELECT b.*, u.nama_lengkap as penulis 
            FROM berita b 
            JOIN users u ON b.created_by = u.id 
            ORDER BY b.created_at DESC 
            LIMIT 3");
$berita_list = $db->resultSet();

// Ambil data profil yayasan
$db->query("SELECT * FROM profil_yayasan LIMIT 1");
$yayasan = $db->single();
?>

<!-- Hero Section -->
<section class="hero" style="background-image: url('<?= SITE_URL ?>/assets/img/hero-bg.jpg');">
    <div class="hero-overlay"></div>
    <div class="container hero-content text-center py-5">
        <h1 class="hero-title">Berbagi Kebaikan Untuk Sesama</h1>
        <p class="hero-subtitle mx-auto">Yayasan Pundi Amal Mulia mengajak Anda untuk berpartisipasi dalam kegiatan sosial dan kemanusiaan. Mari berbagi kebaikan untuk sesama yang membutuhkan.</p>
        <div class="mt-4">
            <a href="<?= SITE_URL ?>/pages/kampanye.php" class="btn btn-success btn-lg me-2">Donasi Sekarang</a>
            
        </div>
    </div>
</section>

<!-- Berita Terbaru Section -->
<section class="py-5">
    <div class="container">
        <div class="row justify-content-center mb-5">
            <div class="col-lg-6 text-center">
                <h2 class="fw-bold">Berita Kegiatan Terbaru</h2>
                <p class="text-muted">Ikuti perkembangan kegiatan dan program terbaru dari Yayasan Pundi Amal Mulia</p>
            </div>
        </div>
        
        <div class="row">
            <?php if (empty($berita_list)): ?>
                <div class="col-12 text-center">
                    <p>Belum ada berita kegiatan saat ini.</p>
                </div>
            <?php else: ?>
                <?php foreach ($berita_list as $berita): ?>
                    <div class="col-md-6 col-lg-4 mb-4">
                        <div class="card news-card h-100">
                            <img src="<?= SITE_URL ?>/assets/uploads/berita/<?= $berita->gambar ?>" class="card-img-top" alt="<?= $berita->judul ?>">
                            <div class="card-body">
                                <span class="news-date"><i class="far fa-calendar-alt me-1"></i> <?= tanggal_indo(date('Y-m-d', strtotime($berita->created_at)), true) ?></span>
                                <h5 class="card-title"><?= $berita->judul ?></h5>
                                <p class="card-text text-muted"><?= potongTeks($berita->konten, 150) ?></p>
                            </div>
                            <div class="card-footer bg-white">
                                <a href="<?= SITE_URL ?>/pages/berita-detail.php?id=<?= $berita->id ?>" class="btn btn-link text-success p-0">Baca Selengkapnya <i class="fas fa-arrow-right ms-1"></i></a>
                            </div>
                        </div>
                    </div>
                <?php endforeach; ?>
            <?php endif; ?>
        </div>
        
        <div class="text-center mt-4">
            <a href="<?= SITE_URL ?>/pages/berita.php" class="btn btn-outline-success">Lihat Semua Berita</a>
        </div>
    </div>
</section>

<!-- Call to Action Section -->
<section class="py-5 bg-success text-white text-center">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <h2 class="fw-bold mb-3">Mulai Berdonasi Sekarang</h2>
                <p class="mb-4">Dengan berdonasi, Anda telah ikut berkontribusi dalam menciptakan perubahan positif bagi mereka yang membutuhkan.</p>
                <a href="<?= SITE_URL ?>/pages/kampanye.php" class="btn btn-light btn-lg px-4">Donasi Sekarang</a>
            </div>
        </div>
    </div>
</section>

<!-- Statistik Donasi -->
<section class="py-5">
    <div class="container">
        <div class="row text-center">
            <?php
            // Hitung total donasi
            $db->query("SELECT SUM(jumlah) as total FROM donasi WHERE status = 'diverifikasi'");
            $total_donasi_semua = $db->single()->total ?? 0;
            
            // Hitung jumlah donatur
            $db->query("SELECT COUNT(DISTINCT user_id) as total FROM donasi WHERE status = 'diverifikasi'");
            $total_donatur = $db->single()->total ?? 0;
            
            // Hitung jumlah kampanye
            $db->query("SELECT COUNT(*) as total FROM kampanye");
            $total_kampanye = $db->single()->total ?? 0;
            ?>
            
            <div class="col-md-4 mb-4 mb-md-0">
                <div class="card py-4 h-100">
                    <div class="card-body">
                        <i class="fas fa-hand-holding-heart text-success mb-3" style="font-size: 3rem;"></i>
                        <h2 class="fw-bold"><?= rupiah($total_donasi_semua) ?></h2>
                        <p class="text-muted mb-0">Total Donasi Terkumpul</p>
                    </div>
                </div>
            </div>
            
            <div class="col-md-4 mb-4 mb-md-0">
                <div class="card py-4 h-100">
                    <div class="card-body">
                        <i class="fas fa-users text-success mb-3" style="font-size: 3rem;"></i>
                        <h2 class="fw-bold"><?= $total_donatur ?></h2>
                        <p class="text-muted mb-0">Total Donatur</p>
                    </div>
                </div>
            </div>
            
            <div class="col-md-4">
                <div class="card py-4 h-100">
                    <div class="card-body">
                        <i class="fas fa-project-diagram text-success mb-3" style="font-size: 3rem;"></i>
                        <h2 class="fw-bold"><?= $total_kampanye ?></h2>
                        <p class="text-muted mb-0">Total Kampanye</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>



<!-- Kampanye Terbaru Section -->
<section class="py-5">
    <div class="container">
        <div class="row justify-content-center mb-5">
            <div class="col-lg-6 text-center">
                <h2 class="fw-bold">Kampanye Terbaru</h2>
                <p class="text-muted">Pilih kampanye yang ingin Anda dukung dan mulai berbagi kebaikan</p>
            </div>
        </div>
        
        <div class="row">
            <?php if (empty($kampanye_list)): ?>
                <div class="col-12 text-center">
                    <p>Belum ada kampanye yang tersedia saat ini.</p>
                </div>
            <?php else: ?>
                <?php foreach ($kampanye_list as $kampanye): ?>
                    <?php 
                    $total_donasi = $kampanye->total_donasi ?? 0;
                    $persentase = hitungPersentase($total_donasi, $kampanye->target_donasi);
                    $jumlah_donatur = $kampanye->jumlah_donatur ?? 0;
                    ?>
                    <div class="col-md-6 col-lg-4 mb-4">
                        <div class="card campaign-card h-100">
                            <img src="<?= SITE_URL ?>/assets/uploads/kampanye/<?= $kampanye->gambar ?>" class="card-img-top" alt="<?= $kampanye->judul ?>">
                            <div class="card-body">
                                <h5 class="card-title"><?= $kampanye->judul ?></h5>
                                <p class="card-text text-muted small"><?= potongTeks($kampanye->deskripsi, 100) ?></p>
                                
                                <div class="progress">
                                    <div class="progress-bar" role="progressbar" style="width: <?= $persentase ?>%;" aria-valuenow="<?= $persentase ?>" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                                
                                <div class="campaign-stats d-flex justify-content-between mb-3">
                                    <div>
                                        <strong><?= rupiah($total_donasi) ?></strong>
                                        <div class="small">dari <?= rupiah($kampanye->target_donasi) ?></div>
                                    </div>
                                    <div>
                                        <strong><?= $persentase ?>%</strong>
                                        <div class="small">Tercapai</div>
                                    </div>
                                    <div>
                                        <strong><?= $jumlah_donatur ?></strong>
                                        <div class="small">Donatur</div>
                                    </div>
                                </div>
                                
                                <a href="<?= SITE_URL ?>/pages/kampanye-detail.php?id=<?= $kampanye->id ?>" class="btn btn-success w-100">Donasi Sekarang</a>
                            </div>
                            <div class="card-footer bg-white text-center">
                                <small class="text-muted">
                                    <i class="far fa-clock me-1"></i> Berakhir pada: 
                                    <span class="countdown" data-end="<?= $kampanye->tanggal_selesai ?>">
                                        <?= tanggal_indo($kampanye->tanggal_selesai) ?>
                                    </span>
                                </small>
                            </div>
                        </div>
                    </div>
                <?php endforeach; ?>
            <?php endif; ?>
        </div>
        
        <div class="text-center mt-4">
            <a href="<?= SITE_URL ?>/pages/kampanye.php" class="btn btn-outline-success">Lihat Semua Kampanye</a>
        </div>
    </div>
</section>

<!-- Tentang Kami Section -->
<section class="py-5 bg-light">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 mb-4 mb-lg-0">
                <div class="about-img">
                    <img src="<?= SITE_URL ?>/assets/img/about.jpg" alt="Tentang Kami" class="img-fluid rounded">
                </div>
            </div>
            <div class="col-lg-6">
                <h2 class="fw-bold mb-4">Tentang Yayasan Pundi Amal Mulia</h2>
                <?php if (isset($yayasan)): ?>
                    <p><?= potongTeks($yayasan->visi, 300) ?></p>
                <?php else: ?>
                    <p>Yayasan Pundi Amal Mulia adalah yayasan yang bergerak di bidang sosial dan kemanusiaan. Kami berkomitmen untuk membantu mereka yang membutuhkan dan berkontribusi dalam menciptakan perubahan positif di masyarakat.</p>
                <?php endif; ?>
                <div class="mt-4">
                    <a href="<?= SITE_URL ?>/pages/tentang-kami.php" class="btn btn-success">Pelajari Lebih Lanjut</a>
                </div>
            </div>
            <?php require_once 'includes/footer.php'; ?>