Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.26.1.el9_7.x86_64

PHP Version:

8.4.15

User:

u892747680

Directory:

/home/u892747680/domains/sisteminformasic.com/public_html/tbmliterasi

Free Space:

9.68 TB

🔧 Quick Actions

✏️ Editing: detail_kegiatan.php

<?php
 $pageTitle = 'Detail Kegiatan - TBM Harapan';
include 'includes/header.php';
include 'includes/navbar.php';

// Ambil ID dari URL
 $id = $_GET['id'];

// Ambil data kegiatan dari database
include 'includes/db.php';
 $result = $conn->query("SELECT * FROM kegiatan WHERE id=$id");
if ($result->num_rows > 0) {
    $row = $result->fetch_assoc();
    $judul = $row['nama_kegiatan'];
    $tanggal = $row['tanggal'];
    $deskripsi = $row['deskripsi'];
    
    // Cek apakah ada foto kegiatan
    $foto_kegiatan = !empty($row['foto']) ? 'admin/assets/img/' . $row['foto'] : 'assets/img/default-kegiatan.jpg';
} else {
    echo "<script>alert('Kegiatan tidak ditemukan'); window.location='kegiatan.php';</script>";
    exit();
}
?>

<section class="detail-header" style="background-image: url('<?php echo $foto_kegiatan; ?>');">
    <div class="overlay"></div>
    <div class="container">
        <h1 data-aos="fade-up"><?php echo $judul; ?></h1>
        <p data-aos="fade-up" data-aos-delay="100"><i class="fas fa-calendar-alt"></i> <?php echo date('d F Y', strtotime($tanggal)); ?></p>
    </div>
</section>

<section class="detail-content">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div data-aos="fade-right">
                    <h3>Deskripsi Kegiatan</h3>
                    <p><?php echo nl2br($deskripsi); ?></p>
                    
                    <h3 class="mt-5">Foto Kegiatan</h3>
                    <div class="row">
                        <?php
                        // Tampilkan foto utama kegiatan
                        echo '<div class="col-md-12 mb-4">
                                <div class="gallery-item">
                                    <img src="'.$foto_kegiatan.'" class="img-fluid rounded shadow-sm" alt="'.htmlspecialchars($judul).'" data-aos="zoom-in">
                                    <div class="gallery-caption">
                                        <p>Foto Utama</p>
                                    </div>
                                </div>
                              </div>';
                        
                        
                    
                        ?>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div data-aos="fade-left">
                    <div class="card shadow-sm mb-4">
                        <div class="card-body">
                            <h5 class="card-title">Informasi Kegiatan</h5>
                            <p class="card-text"><i class="fas fa-calendar-alt text-primary"></i> <strong>Tanggal:</strong> <?php echo date('d F Y', strtotime($tanggal)); ?></p>
                            <p class="card-text"><i class="fas fa-map-marker-alt text-primary"></i> <strong>Lokasi:</strong><?php
                                    include 'includes/db.php';
                                    $result = $conn->query("SELECT * FROM profil WHERE id=1");
                                    if ($result->num_rows > 0) {
                                        $row = $result->fetch_assoc();
                                        echo $row['nama_perusahaan'];
                                    }
                                    ?></p>
                        </div>
                    </div>
                    
                    <div class="card shadow-sm mb-4">
                        <div class="card-body">
                            <h5 class="card-title">Foto Utama</h5>
                            <img src="<?php echo $foto_kegiatan; ?>" class="img-fluid rounded" alt="<?php echo htmlspecialchars($judul); ?>">
                        </div>
                    </div>
                    
                    <h5>Kegiatan Lainnya</h5>
                    <?php
                    // Ambil kegiatan lainnya untuk sidebar
                    $result_kegiatan_sidebar = $conn->query("SELECT * FROM kegiatan WHERE id != $id ORDER BY tanggal DESC LIMIT 3");
                    if ($result_kegiatan_sidebar->num_rows > 0) {
                        while ($keg_sidebar = $result_kegiatan_sidebar->fetch_assoc()) {
                            $foto_sidebar = !empty($keg_sidebar['foto']) ? 'admin/assets/img/' . $keg_sidebar['foto'] : 'assets/img/default-kegiatan.jpg';
                            echo '<div class="related-item" data-aos="fade-up">
                                    <div class="d-flex align-items-center mb-3">
                                        <img src="'.$foto_sidebar.'" class="img-fluid rounded related-image" alt="'.$keg_sidebar['nama_kegiatan'].'">
                                        <div class="ms-3">
                                            <h6><a href="detail_kegiatan.php?id='.$keg_sidebar['id'].'" class="text-decoration-none">'.$keg_sidebar['nama_kegiatan'].'</a></h6>
                                            <p class="mb-0"><i class="fas fa-calendar-alt"></i> '.date('d F Y', strtotime($keg_sidebar['tanggal'])).'</p>
                                        </div>
                                    </div>
                                  </div>';
                        }
                    } else {
                        echo '<p class="text-muted">Belum ada kegiatan lainnya.</p>';
                    }
                    ?>
                </div>
            </div>
        </div>
    </div>
</section>

.detail-header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.detail-header .container {
    position: relative;
    z-index: 2;
}

.detail-header h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.detail-header p {
    font-size: 1.2rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Gallery Styles */
.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
    height: 300px;
    margin-bottom: 20px;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.gallery-item:hover img {
    transform: scale(1.05);
}

.gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    padding: 15px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.gallery-item:hover .gallery-caption {
    transform: translateY(0);
}

/* Related Items Styles */
.related-item {
    margin-bottom: 15px;
}

.related-image {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .detail-header {
        min-height: 300px;
    }
    
    .detail-header h1 {
        font-size: 2rem;
    }
    
    .gallery-item {
        height: 250px;
    }
}
</style>

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

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: detail_kegiatan.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation