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: kegiatan.php

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

<section class="section bg-light">
    <div class="container">
        <div class="section-title" data-aos="fade-up">
            <h2>Kegiatan Kami</h2>
            <p class="lead">Berbagai kegiatan menarik yang kami selenggarakan untuk meningkatkan minat baca masyarakat</p>
        </div>
        
        <div class="kegiatan-list">
            <?php
            include 'includes/db.php';
            $result = $conn->query("SELECT * FROM kegiatan ORDER BY tanggal DESC");
            if ($result->num_rows > 0) {
                while ($row = $result->fetch_assoc()) {
                    // Cek apakah ada foto kegiatan
                    $foto_kegiatan = !empty($row['foto']) ? 'admin/assets/img/' . $row['foto'] : 'assets/img/default-kegiatan.jpg';
                    
                    echo '<div class="kegiatan-item" data-aos="fade-up" data-aos-delay="100">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="kegiatan-image">
                                        <img src="' . $foto_kegiatan . '" class="img-fluid rounded" alt="' . htmlspecialchars($row['nama_kegiatan']) . '">
                                    </div>
                                </div>
                                <div class="col-md-9">
                                    <div class="kegiatan-date">
                                        <div class="day">'.date('d', strtotime($row['tanggal'])).'</div>
                                        <div class="month">'.date('M', strtotime($row['tanggal'])).'</div>
                                    </div>
                                    <div class="kegiatan-content">
                                        <h4>'.$row['nama_kegiatan'].'</h4>
                                        <div class="kegiatan-meta">
                                            <i class="fas fa-calendar-alt"></i> '.date('d F Y', strtotime($row['tanggal'])).'
                                        </div>
                                        <p>'.substr($row['deskripsi'], 0, 200).'...</p>
                                        <a href="detail_kegiatan.php?id='.$row['id'].'" class="btn btn-primary btn-sm">Selengkapnya <i class="fas fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>
                          </div>';
                }
            } else {
                echo '<div class="alert alert-info text-center">Belum ada kegiatan yang tersedia.</div>';
            }
            ?>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="section-title" data-aos="fade-up">
            <h2>Agenda Kegiatan Mendatang</h2>
        </div>
        
        <div class="row">
            <?php
            // Ambil kegiatan mendatang
            $today = date('Y-m-d');
            $result = $conn->query("SELECT * FROM kegiatan WHERE tanggal >= '$today' ORDER BY tanggal ASC LIMIT 3");
            if ($result->num_rows > 0) {
                while ($row = $result->fetch_assoc()) {
                    // Cek apakah ada foto kegiatan
                    $foto_kegiatan = !empty($row['foto']) ? 'admin/assets/img/' . $row['foto'] : 'assets/img/default-kegiatan.jpg';
                    
                    echo '<div class="col-md-4 mb-4" data-aos="fade-up" data-aos-delay="100">
                            <div class="card h-100">
                                <img src="' . $foto_kegiatan . '" class="card-img-top" alt="' . htmlspecialchars($row['nama_kegiatan']) . '">
                                <div class="card-body">
                                    <div class="event-date bg-primary text-white rounded-pill d-inline-block px-3 py-1 mb-3">
                                        <i class="fas fa-calendar-alt me-1"></i> '.date('d M Y', strtotime($row['tanggal'])).'
                                    </div>
                                    <h5 class="card-title">'.$row['nama_kegiatan'].'</h5>
                                    <p class="card-text">'.substr($row['deskripsi'], 0, 100).'...</p>
                                    <a href="detail_kegiatan.php?id='.$row['id'].'" class="btn btn-outline-primary">Detail <i class="fas fa-arrow-right ms-1"></i></a>
                                </div>
                            </div>
                          </div>';
                }
            } else {
                echo '<div class="col-12">
                        <div class="alert alert-info text-center">Tidak ada kegiatan mendatang yang dijadwalkan.</div>
                      </div>';
            }
            ?>
        </div>
    </div>
</section>

.kegiatan-item {
    background: white;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    padding: 20px;
    margin-bottom: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.kegiatan-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.kegiatan-image {
    overflow: hidden;
    border-radius: 8px;
    height: 200px;
    margin-bottom: 15px;
}

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

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

.kegiatan-date {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.kegiatan-date .day {
    background: var(--primary-color);
    color: white;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 1.5rem;
    font-weight: 700;
    margin-right: 15px;
}

.kegiatan-date .month {
    font-size: 1rem;
    color: #6c757d;
    text-transform: uppercase;
    font-weight: 600;
}

.kegiatan-content h4 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
}

.kegiatan-meta {
    color: #6c757d;
    margin-bottom: 15px;
}

.kegiatan-meta i {
    margin-right: 5px;
}

.kegiatan-content p {
    color: #555;
    margin-bottom: 20px;
    line-height: 1.6;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .kegiatan-image {
        height: 150px;
        margin-bottom: 15px;
    }
    
    .kegiatan-date .day {
        width: 40px;
        height: 40px;
        font-size: 1.2rem;
    }
    
    .kegiatan-content h4 {
        font-size: 1.2rem;
    }
}
</style>

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

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: kegiatan.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation