<?php

require_once 'includes/config.php';


/* =========================
   นับจำนวนสมาชิก
========================= */

$totalMembers = 0;

$sqlMembers = "SELECT COUNT(*) AS total FROM members";
$memberResult = $conn->query($sqlMembers);

if ($memberResult && $memberRow = $memberResult->fetch_assoc()) {
    $totalMembers = (int) $memberRow['total'];
}


/* =========================
   ดึงข่าวล่าสุด 3 ข่าว
========================= */

$sqlNews = "
    SELECT *
    FROM news
    WHERE status = 'published'
    ORDER BY created_at DESC
    LIMIT 3
";

$newsResult = $conn->query($sqlNews);


/* =========================
   เรียกส่วนหัวเว็บไซต์
========================= */

include 'includes/header.php';

?>


<!-- =========================
     HOME HERO VERSION 4.1
========================= -->

<section class="home-hero home-hero-v41">

    <div class="container">

        <div class="row align-items-center g-4 g-xl-5">

            <!-- เนื้อหาด้านซ้าย -->
            <div class="col-lg-5">

                <div class="home-hero-content">

                    <span class="home-hero-label">
                        <i class="fa-solid fa-house-heart"></i>
                        ยินดีต้อนรับกลับบ้าน
                    </span>


                    <!-- ปุ่มทางลัด 3 ปุ่ม -->
                    <div class="home-hero-buttons home-main-actions">

                        <a
                            href="register.php"
                            class="btn home-btn-primary">

                            <i class="fa-solid fa-user-plus"></i>
                            สมัครสมาชิก

                        </a>


                        <?php if (isset($_SESSION['member_id'])): ?>

                            <a
                                href="profile.php"
                                class="btn home-btn-secondary">

                                <i class="fa-solid fa-circle-user"></i>
                                โปรไฟล์ของฉัน

                            </a>

                        <?php else: ?>

                            <a
                                href="login.php"
                                class="btn home-btn-secondary">

                                <i class="fa-solid fa-right-to-bracket"></i>
                                เข้าสู่ระบบ

                            </a>

                        <?php endif; ?>


                        <a
                            href="members.php"
                            class="btn home-btn-outline">

                            <i class="fa-solid fa-users"></i>
                            ทำเนียบสมาชิก

                        </a>

                    </div>


                    <!-- สถิติ 4 ช่อง -->
                    <div class="home-inline-statistics">

                        <div class="home-inline-stat-item">

                            <i class="fa-solid fa-users"></i>

                            <div>
                                <strong>
                                    <?= number_format($totalMembers) ?>
                                </strong>

                                <span>
                                    สมาชิกทั้งหมด
                                </span>
                            </div>

                        </div>


                        <div class="home-inline-stat-item">

                            <i class="fa-solid fa-book-open"></i>

                            <div>
                                <strong>
                                    2
                                </strong>

                                <span>
                                    สาขาวิชา
                                </span>
                            </div>

                        </div>


                        <div class="home-inline-stat-item">

                            <i class="fa-solid fa-people-group"></i>

                            <div>
                                <strong>
                                    1
                                </strong>

                                <span>
                                    ชมรมศิษย์เก่า
                                </span>
                            </div>

                        </div>


                        <div class="home-inline-stat-item">

                            <i class="fa-solid fa-seedling"></i>

                            <div>
                                <strong>
                                    2569
                                </strong>

                                <span>
                                    เริ่มพัฒนาระบบ
                                </span>
                            </div>

                        </div>

                    </div>

                </div>

            </div>


            <!-- รูปวัดด้านขวา -->
            <div class="col-lg-7">

                <div class="home-hero-visual">

                    <div class="home-hero-blob">

                        <img
                            src="images/home-hero.jpg"
                            alt="ชมรมศิษย์ มจร วัดสุวรรณ">

                    </div>


                    <div class="home-hero-floating-card">

                        <span class="home-hero-floating-icon">

                            <i class="fa-solid fa-graduation-cap"></i>

                        </span>

                        <div>

                            <strong>
                                พื้นที่ของศิษย์เก่า
                            </strong>

                            <small>
                                เชื่อมโยง แบ่งปัน และเติบโตไปด้วยกัน
                            </small>

                        </div>

                    </div>


                    <span class="home-hero-decoration decoration-one"></span>

                    <span class="home-hero-decoration decoration-two"></span>

                </div>

            </div>

        </div>

    </div>

</section>


<!-- =========================
     LATEST NEWS
========================= -->

<section class="home-news">

    <div class="container">

        <div class="home-section-header">

            <div>

                <span>
                    ข่าวสารและกิจกรรม
                </span>

                <h2>
                    ข่าวประชาสัมพันธ์ล่าสุด
                </h2>

            </div>

            <a href="news.php">

                ดูข่าวทั้งหมด
                <i class="fa-solid fa-arrow-right"></i>

            </a>

        </div>


        <div class="row g-4">

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

                <?php while ($news = $newsResult->fetch_assoc()): ?>

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

                        <article class="home-news-card">

                            <div class="home-news-image">

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

                                    <img
                                        src="uploads/news/<?= htmlspecialchars(
                                            $news['image'],
                                            ENT_QUOTES,
                                            'UTF-8'
                                        ) ?>"
                                        alt="<?= htmlspecialchars(
                                            $news['title'],
                                            ENT_QUOTES,
                                            'UTF-8'
                                        ) ?>">

                                <?php else: ?>

                                    <div class="home-news-placeholder">

                                        <i class="fa-solid fa-newspaper"></i>

                                    </div>

                                <?php endif; ?>

                            </div>


                            <div class="home-news-content">

                                <div class="home-news-meta">

    <small>

        <i class="fa-regular fa-calendar"></i>

        <?= date(
            'd/m/Y',
            strtotime($news['created_at'])
        ) ?>

    </small>

    <a
        class="home-news-meta-link"
        href="news_detail.php?id=<?= (int) $news['id'] ?>">

        อ่านรายละเอียด
        <i class="fa-solid fa-arrow-right"></i>

    </a>

</div>

                                <h3>

                                    <?= htmlspecialchars(
                                        $news['title'],
                                        ENT_QUOTES,
                                        'UTF-8'
                                    ) ?>

                                </h3>

                                <p>

                                    <?= htmlspecialchars(
                                        mb_strimwidth(
                                            strip_tags($news['detail']),
                                            0,
                                            90,
                                            '...',
                                            'UTF-8'
                                        ),
                                        ENT_QUOTES,
                                        'UTF-8'
                                    ) ?>

                                </p>

                                
                            </div>

                        </article>

                    </div>

                <?php endwhile; ?>

            <?php else: ?>

                <div class="col-12">

                    <div class="home-no-news">

                        <i class="fa-regular fa-newspaper"></i>

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

                    </div>

                </div>

            <?php endif; ?>

        </div>

    </div>

</section>


<!-- =========================
     COMMUNITY SUMMARY
========================= -->

<section class="home-community home-community-horizontal">

    <div class="container">

        <div class="home-community-row">


            <div class="home-community-heading">

                <span>
                    พื้นที่ของศิษย์เก่า
                </span>

                <strong>
                    มากกว่าทำเนียบสมาชิก
                </strong>

            </div>


            <div class="home-community-feature">

                <i class="fa-solid fa-address-book"></i>

                <div>

                    <strong>
                        ข้อมูลสมาชิก
                    </strong>

                    <span>
                        สมาชิกดูแลและอัปเดตข้อมูลของตนเอง
                    </span>

                </div>

            </div>


            <div class="home-community-feature">

                <i class="fa-solid fa-bullhorn"></i>

                <div>

                    <strong>
                        ศูนย์กลางข่าวสาร
                    </strong>

                    <span>
                        ข่าวมหาวิทยาลัย กิจกรรม และสมาชิก
                    </span>

                </div>

            </div>


            <div class="home-community-feature">

                <i class="fa-solid fa-handshake-angle"></i>

                <div>

                    <strong>
                        สร้างเครือข่ายร่วมกัน
                    </strong>

                    <span>
                        ช่วยเหลือสังคมและชุมชน
                    </span>

                </div>

            </div>

        </div>

    </div>

</section>


<?php include 'includes/footer.php'; ?>
