File Manager

✏️ Edit File: /home/u625410797/public_html/public_html/views/pages/gallery.php

<?php
require_once __DIR__ . '/../config/config.php';
$pageTitle = 'แกลเลอรี่ - Mono Electric Thailand';

try {
    $db = Database::getInstance();
    
    $imagesStmt = $db->query("SELECT * FROM image_gallery WHERE is_published = 1 ORDER BY sort_order ASC");
    $images = $imagesStmt->fetchAll();
    
    $categoriesStmt = $db->query("SELECT * FROM gallery_categories WHERE is_active = 1 ORDER BY sort_order ASC");
    $categories = $categoriesStmt->fetchAll();
    
} catch (Exception $e) {
    $images = [];
    $categories = [];
}
?>
<?php require_once VIEWS_PATH . 'layout/head.php'; ?>

<main>
        <section class="bg-gradient-to-r from-dark-900 to-primary-900 py-16">
            <div class="max-w-7xl mx-auto px-4 text-center">
                <h1 class="text-3xl md:text-4xl font-bold text-white">แกลเลอรี่รูปภาพ</h1>
                <p class="text-dark-300 mt-3 max-w-xl mx-auto">ภาพผลงานและกิจกรรมของเรา</p>
            </div>
        </section>

<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
                <?php if (!empty($images)): ?>
                    <?php foreach ($images as $image): ?>
                    <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 group cursor-pointer">
                        <img src="<?= htmlspecialchars($image['image_path'] ?: PUBLIC_URL . 'assets/img/index/home-es-1.jpg'); ?>" 
                             alt="<?= htmlspecialchars($image['title'] ?? 'Gallery Image') ?>" 
                             class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500"
                             onerror="this.src='ASSETS_URL . 'img/index/home-es-1.jpg'">
                        <div class="absolute inset-0 bg-dark-900/0 group-hover:bg-dark-900/50 transition-all duration-300 flex items-center justify-center">
                            <i data-lucide="zoom-in" class="w-8 h-8 text-white opacity-0 group-hover:opacity-100 transition-opacity"></i>
                        </div>
                    </div>
                    <?php endforeach; ?>
                <?php else: ?>
                    <?php for ($i = 1; $i <= 12; $i++): ?>
                    <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-200">
                        <div class="w-full h-full flex items-center justify-center text-gray-400">
                            <i data-lucide="image" class="w-8 h-8"></i>
                        </div>
                    </div>
                    <?php endfor; ?>
                <?php endif; ?>
            </div>
        </section>
    </main>

<?php require_once VIEWS_PATH . 'layout/footer.php'; ?>

Batal

⬅ Naik ke views 44 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁products	dir	—	2026-05-31 16:45	📂 Buka
📁solution	dir	—	2026-05-31 16:45	📂 Buka
📁solutions	dir	—	2026-05-31 16:45	📂 Buka
🐘404.php	php	1.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘about.php	php	6.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘branches.php	php	3.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘brands.php	php	3.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘cart.php	php	15.2 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘case-studies.php	php	2 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘case-study-detail.php	php	5.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘checkout.php	php	16.4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘contact.php	php	20.1 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘customer-info.php	php	5.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘documents.php	php	4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘energy-saving.php	php	6.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘faq.php	php	3.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘gallery.php	php	3.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘home.php	php	20.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘knowledge-detail.php	php	9 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘knowledge.php	php	3.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘map.php	php	3.1 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘om.php	php	6.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘order-success.php	php	2.4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘order-tracking.php	php	4.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘page.php	php	2.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘portfolio-detail.php	php	7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘ppa.php	php	16 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘products.php	php	20.4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘project-detail.php	php	20.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘project.php	php	3.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘renewable-energy.php	php	31.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-build.php	php	7.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-design.php	php	7.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🌐service-details.html	html	12.4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-details.php	php	12.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-om.php	php	7.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-ppa.php	php	14.1 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-request.php	php	7.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘services.php	php	4.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘solar-calculator.php	php	13.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘solar-register.php	php	10.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘solutions.php	php	5.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘testimonials.php	php	5.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘videos.php	php	4.1 KB	2026-05-31 16:43	✏️ Edit 👁️ View