<?php
require_once 'includes/config.php';

// ดึงข่าวทั้งหมด
$sql = "
    SELECT
        news.*,
        news_categories.category_name
    FROM news
    LEFT JOIN news_categories
        ON news.category_id = news_categories.id
    WHERE news.status = 'published'
    ORDER BY news.created_at DESC
";

$result = $conn->query($sql);

include 'includes/header.php';
?>

<div class="container mt-5">

    <div class="text-center mb-5">

        <h2 class="display-5 fw-bold">
            📰 ข่าวประชาสัมพันธ์
        </h2>

        <p class="text-muted">
            ข่าวสาร กิจกรรม และประชาสัมพันธ์ของชมรมศิษย์ มจร วัดสุวรรณ
        </p>

    </div>

    <div class="row">

        <?php if ($result && $result->num_rows > 0): ?>

            <?php while ($row = $result->fetch_assoc()): ?>

                <div class="col-md-6 col-lg-4 mb-4">

                    <div class="card h-100 shadow-sm">

    <?php if (!empty($row['image'])): ?>

        <img
            src="uploads/news/<?= htmlspecialchars($row['image']); ?>"
            class="card-img-top"
            alt="<?= htmlspecialchars($row['title']); ?>"
            style="height:220px; object-fit:cover;">

    <?php endif; ?>

    <div class="card-body d-flex flex-column">

        <span class="badge bg-primary mb-2 align-self-start">
            <?= htmlspecialchars($row['category_name'] ?? 'ไม่ระบุหมวด'); ?>
        </span>

        <h5 class="card-title">
            <?= htmlspecialchars($row['title']); ?>
        </h5>

        <p class="text-muted small">
            📅 <?= date("d/m/Y", strtotime($row['created_at'])); ?>
        </p>

        <p class="card-text">
            <?= nl2br(htmlspecialchars(
                mb_strimwidth($row['detail'], 0, 150, "...", "UTF-8")
            )); ?>
        </p>

        <div class="mt-auto">

            <a
                href="news_detail.php?id=<?= $row['id']; ?>"
                class="btn btn-primary">

                อ่านต่อ

            </a>

        </div>

    </div>

</div>

</div>
            <?php endwhile; ?>

        <?php else: ?>

            <div class="col-12">

                <div class="alert alert-info text-center">

                    ยังไม่มีข่าวประชาสัมพันธ์

                </div>

            </div>

        <?php endif; ?>

    </div>

</div>

<?php
$conn->close();
include 'includes/footer.php';
?>