@php
            $counts = [
                'artikel' => \App\Models\Backend\ContentArticle::published()->count(),
                'dokumen' => \App\Models\Backend\ContentDownload::published()->count(),
                'galeri' => \App\Models\Backend\ContentPhotoGallery::count(),
                'foto' => \App\Models\Backend\ContentPhotoList::count(),
                'slider' => \App\Models\Backend\ContentSlider::published()->count(),
                'imej' => \App\Models\Backend\ContentImage::count(),
                'video' => \App\Models\Backend\ContentVideo::published()->count(),
                'kalendar' => \App\Models\Backend\ContentCalendar::count(),
                'cuti' => \App\Models\Backend\ContentPublicHoliday::count(),
                'jabatan' => \App\Models\Backend\ContentDirectoryDepartment::count(),
                'staf' => \App\Models\Backend\ContentDirectoryStaff::count(),
            ];
            @endphp
            <section class="module-showcase">
                <div class="container">
                    <div class="section-title">
                        <h2><span>Modul</span> Sistem</h2>
                        <p>Senarai modul yang tersedia dalam sistem pengurusan portal</p>
                    </div>
                    <div class="module-grid">
                        <a href="/{{ $siteSlug }}/news-web" class="module-card">
                            <div class="mc-icon"><i class="fas fa-newspaper"></i></div>
                            <div class="mc-text">
                                <h4>Artikel <span class="mc-count">{{ $counts['artikel'] }}</span></h4>
                                <p>Pengurusan artikel & berita</p>
                            </div>
                        </a>
                        <a href="/{{ $siteSlug }}/download-web" class="module-card">
                            <div class="mc-icon"><i class="fas fa-file-download"></i></div>
                            <div class="mc-text">
                                <h4>Dokumen <span class="mc-count">{{ $counts['dokumen'] }}</span></h4>
                                <p>Dokumen muat turun</p>
                            </div>
                        </a>
                        <a href="/{{ $siteSlug }}/gallery-web" class="module-card">
                            <div class="mc-icon"><i class="fas fa-images"></i></div>
                            <div class="mc-text">
                                <h4>Galeri Foto <span class="mc-count">{{ $counts['galeri'] }}</span></h4>
                                <p>Album galeri foto</p>
                            </div>
                        </a>
                        <a href="/{{ $siteSlug }}/gallery-web" class="module-card">
                            <div class="mc-icon"><i class="fas fa-camera"></i></div>
                            <div class="mc-text">
                                <h4>Senarai Foto <span class="mc-count">{{ $counts['foto'] }}</span></h4>
                                <p>Foto dalam galeri</p>
                            </div>
                        </a>
                        <a href="/{{ $siteSlug }}/slider-web" class="module-card">
                            <div class="mc-icon"><i class="fas fa-sliders-h"></i></div>
                            <div class="mc-text">
                                <h4>Imej Slider <span class="mc-count">{{ $counts['slider'] }}</span></h4>
                                <p>Pengurusan slider utama</p>
                            </div>
                        </a>
                        <a href="/{{ $siteSlug }}/gallery-web" class="module-card">
                            <div class="mc-icon"><i class="fas fa-image"></i></div>
                            <div class="mc-text">
                                <h4>Imej <span class="mc-count">{{ $counts['imej'] }}</span></h4>
                                <p>Pengurusan aset imej</p>
                            </div>
                        </a>
                        <a href="/{{ $siteSlug }}/video-web" class="module-card">
                            <div class="mc-icon"><i class="fas fa-video"></i></div>
                            <div class="mc-text">
                                <h4>Video <span class="mc-count">{{ $counts['video'] }}</span></h4>
                                <p>Pengurusan kandungan video</p>
                            </div>
                        </a>
                        <a href="/{{ $siteSlug }}/calendar-web" class="module-card">
                            <div class="mc-icon"><i class="fas fa-calendar-alt"></i></div>
                            <div class="mc-text">
                                <h4>Kalendar <span class="mc-count">{{ $counts['kalendar'] }}</span></h4>
                                <p>Pengurusan acara kalendar</p>
                            </div>
                        </a>
                        <a href="/{{ $siteSlug }}/holiday-web" class="module-card">
                            <div class="mc-icon"><i class="fas fa-umbrella-beach"></i></div>
                            <div class="mc-text">
                                <h4>Cuti Umum <span class="mc-count">{{ $counts['cuti'] }}</span></h4>
                                <p>Pengurusan cuti umum</p>
                            </div>
                        </a>
                        <a href="/{{ $siteSlug }}/directory-web" class="module-card">
                            <div class="mc-icon"><i class="fas fa-building"></i></div>
                            <div class="mc-text">
                                <h4>Jabatan <span class="mc-count">{{ $counts['jabatan'] }}</span></h4>
                                <p>Direktori jabatan</p>
                            </div>
                        </a>
                        <a href="/{{ $siteSlug }}/directory-web" class="module-card">
                            <div class="mc-icon"><i class="fas fa-users"></i></div>
                            <div class="mc-text">
                                <h4>Staf <span class="mc-count">{{ $counts['staf'] }}</span></h4>
                                <p>Direktori staf</p>
                            </div>
                        </a>
                        <a href="/{{ $siteSlug }}/contact-us-web" class="module-card">
                            <div class="mc-icon"><i class="fas fa-comment-dots"></i></div>
                            <div class="mc-text">
                                <h4>Maklum Balas</h4>
                                <p>Penghantaran maklum balas</p>
                            </div>
                        </a>
                    </div>
                </div>
            </section>
            <style>
            .module-showcase { padding: 50px 0 60px; background: var(--gray-50); }
            .module-showcase .section-title { margin-bottom: 32px; text-align: center; }
            .module-showcase .section-title h2 { font-size: 1.7rem; font-weight: 800; color: var(--primary); margin: 0 0 6px; }
            .module-showcase .section-title h2 span { color: var(--accent); }
            .module-showcase .section-title p { color: var(--gray-500); font-size: 0.88rem; margin: 6px auto 0; max-width: 500px; text-align: center; }
            .module-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
            .module-card { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 8px; background: var(--white); border-left: 3px solid var(--accent); box-shadow: 0 1px 3px rgba(0,0,0,0.04); text-decoration: none; transition: all 0.2s; }
            .module-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-left-color: var(--primary); }
            .module-card .mc-icon { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: var(--accent-light); color: var(--accent); border-radius: 8px; font-size: 0.95rem; flex-shrink: 0; }
            .module-card .mc-text h4 { font-size: 0.78rem; font-weight: 600; color: var(--gray-800); margin: 0 0 2px; display: flex; align-items: center; gap: 6px; }
            .module-card .mc-count { background: var(--accent); color: white; font-size: 0.62rem; padding: 2px 6px; border-radius: 999px; font-weight: 700; line-height: 1; }
            .module-card .mc-text p { font-size: 0.63rem; color: var(--gray-400); line-height: 1.3; margin: 0; }
            @media (max-width: 1024px) { .module-grid { grid-template-columns: repeat(2, 1fr); } }
            @media (max-width: 480px) { .module-grid { grid-template-columns: 1fr 1fr; } }
            </style>