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/freshfruty/includes

Free Space:

9.89 TB

🔧 Quick Actions

✏️ Editing: promo.php

<?php
// includes/promo.php
// Data $active_promos sudah di-load dari index.php
?>
<style>
    .promo-card-wrapper {
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transform-style: preserve-3d;
        margin-top: 40px; /* Space for floating image */
    }
    .promo-card-wrapper:hover {
        transform: translateY(-15px) scale(1.02);
        box-shadow: 0 30px 60px rgba(0,0,0,0.15) !important;
    }
    .promo-img-container {
        position: relative;
        margin-top: -60px;
        margin-bottom: 15px;
        z-index: 10;
        filter: drop-shadow(0 15px 25px rgba(0,0,0,0.2));
    }
    .promo-img-hover {
        transition: transform 0.5s ease;
        animation: float-img 6s ease-in-out infinite;
    }
    @keyframes float-img {
        0%, 100% { transform: translateY(0) rotate(0deg); }
        50% { transform: translateY(-10px) rotate(2deg); }
    }
    .promo-card-wrapper:hover .promo-img-hover {
        transform: scale(1.1) rotate(5deg) translateY(-10px);
        animation-play-state: paused;
    }
    .pulse-badge {
        animation: pulse-animation 2s infinite;
    }
    @keyframes pulse-animation {
        0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 71, 87, 0.4); }
        70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(255, 71, 87, 0); }
        100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 71, 87, 0); }
    }
    .countdown-timer {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-bottom: 20px;
    }
    .countdown-box {
        background: rgba(255,255,255,0.9);
        padding: 5px 10px;
        border-radius: 8px;
        text-align: center;
        min-width: 45px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }
    .countdown-num { font-weight: 800; font-size: 1.1rem; line-height: 1; color: #333; }
    .countdown-label { font-size: 0.6rem; text-transform: uppercase; color: #888; font-weight: 600; }
    
    .btn-shine {
        position: relative;
        overflow: hidden;
    }
    .btn-shine::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
        transition: 0.5s;
    }
    .btn-shine:hover::after {
        left: 100%;
    }
</style>

<section class="promo-container" style="padding: 80px 20px; max-width: 1200px; margin: 0 auto;">
    <div class="section-header">
        <span class="section-badge">Penawaran Terbatas</span>
        <h2>🔥 Promo Spesial Hari Ini</h2>
        <p>Kesempatan terbatas! Dapatkan buah premium dengan harga terbaik khusus hari ini.</p>
    </div>
    
    <div class="promo-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 50px 30px;">
        <?php if(empty($active_promos)): ?>
            <div style="grid-column: 1/-1; text-align: center; padding: 40px; background: #f8f9fa; border-radius: 20px; color: #888;">
                <i class="fas fa-box-open" style="font-size: 3rem; margin-bottom: 15px; opacity: 0.5;"></i>
                <p>Belum ada promo aktif saat ini. Nantikan penawaran menarik kami segera!</p>
            </div>
        <?php else: ?>
            <?php foreach($active_promos as $index => $promo): ?>
            <?php 
                // Tentukan style background berdasarkan database
                $bg_style = $promo['bg_style'] ?? 'gradient-1';
                $bg_css = match($bg_style) {
                    'gradient-2' => 'linear-gradient(135deg, #e3f2fd 0%, #90caf9 100%)',
                    'gradient-3' => 'linear-gradient(135deg, #fff8e1 0%, #ffe082 100%)',
                    'gradient-4' => 'linear-gradient(135deg, #e8f5e9 0%, #a5d6a7 100%)',
                    default => 'linear-gradient(135deg, #fff0f1 0%, #ffcdd2 100%)'
                };
                // Warna aksen yang lebih kuat untuk border dan button
                $accent_color = match($bg_style) { 'gradient-2' => '#1976d2', 'gradient-3' => '#f57f17', 'gradient-4' => '#388e3c', default => '#d32f2f' };
                $badge_bg = match($bg_style) { 'gradient-2' => '#2196f3', 'gradient-3' => '#ffca28', 'gradient-4' => '#4caf50', default => '#ff4757' };
                $text_color = match($bg_style) { 'gradient-2' => '#0d47a1', 'gradient-3' => '#e65100', 'gradient-4' => '#1b5e20', default => '#b71c1c' };
            ?>
            <div class="promo-card-wrapper" style="background: <?php echo $bg_css; ?>; padding: 0 30px 30px; border-radius: 30px; position: relative; border: 1px solid rgba(255,255,255,0.5); box-shadow: 0 15px 35px rgba(0,0,0,0.05);">
                
                
                <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: radial-gradient(rgba(255,255,255,0.4) 2px, transparent 2px); background-size: 20px 20px; opacity: 0.5; pointer-events: none; border-radius: 30px;"></div>
                
                
                <div class="pulse-badge" style="position: absolute; top: 20px; right: 20px; background: <?php echo $badge_bg; ?>; color: <?php echo ($bg_style == 'gradient-3') ? '#333' : 'white'; ?>; padding: 8px 18px; border-radius: 50px; font-weight: 800; font-size: 0.8rem; z-index: 2; box-shadow: 0 5px 15px rgba(0,0,0,0.1); text-transform: uppercase; letter-spacing: 1px;">
                    <i class="fas fa-bolt"></i> <?php echo htmlspecialchars($promo['badge_text']); ?>
                </div>

<div class="promo-img-container" style="text-align: center;">
                    <img src="<?php echo htmlspecialchars($promo['image']); ?>" alt="<?php echo htmlspecialchars($promo['product_name']); ?>" class="promo-img-hover" style="width: 220px; height: 220px; object-fit: cover; border-radius: 50%; border: 8px solid rgba(255,255,255,0.8);">
                </div>

<div style="text-align: center; position: relative; z-index: 2;">
                    
                    <div class="countdown-timer" id="countdown-<?php echo $index; ?>" data-endtime="<?php echo $promo['end_date'] ? date('Y-m-d H:i:s', strtotime($promo['end_date'])) : ''; ?>">
                        <div class="countdown-box"><div class="countdown-num hours">00</div><div class="countdown-label">Jam</div></div>
                        <div class="countdown-box"><div class="countdown-num minutes">00</div><div class="countdown-label">Mnt</div></div>
                        <div class="countdown-box"><div class="countdown-num seconds">00</div><div class="countdown-label">Dtk</div></div>
                    </div>

<h3 style="font-size: 1.6rem; margin-bottom: 10px; color: <?php echo $text_color; ?>; line-height: 1.2; font-weight: 800;"><?php echo htmlspecialchars($promo['title']); ?></h3>
                    
                    
                    <div style="background: rgba(255,255,255,0.7); padding: 15px; border-radius: 20px; margin-bottom: 20px; backdrop-filter: blur(5px); border: 1px solid rgba(255,255,255,0.9);">
                        <div style="display: flex; justify-content: center; align-items: center; gap: 10px;">
                            <span style="text-decoration: line-through; color: #999; font-size: 1rem;">Rp <?php echo number_format($promo['price'], 0, ',', '.'); ?></span>
                            <span style="background: #ffebee; color: #c62828; padding: 2px 8px; border-radius: 5px; font-size: 0.8rem; font-weight: 700;">-<?php echo $promo['discount_percent']; ?>%</span>
                        </div>
                        <div style="font-size: 1.8rem; font-weight: 900; color: <?php echo $accent_color; ?>; margin-top: 5px;">
                            Rp <?php echo number_format($promo['price'] * (1 - $promo['discount_percent']/100), 0, ',', '.'); ?>
                            <span style="font-size: 0.9rem; color: #666; font-weight: 500;">/ <?php echo $promo['unit']; ?></span>
                        </div>
                    </div>

<button onclick="addPromoToCart(<?php echo $promo['product_id']; ?>, <?php echo $promo['min_qty']; ?>, this)" 
                            class="btn-shine"
                            style="width: 100%; padding: 14px; border: none; border-radius: 50px; font-weight: 700; font-size: 1rem; color: white; background: <?php echo $accent_color; ?>; cursor: pointer; transition: 0.3s; box-shadow: 0 8px 20px rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: center; gap: 10px;">
                        <i class="fas fa-shopping-basket"></i> Ambil Promo (Min. <?php echo $promo['min_qty']; ?>)
                    </button>
                </div>
            </div>
            <?php endforeach; ?>
        <?php endif; ?>
    </div>

const targetDate = new Date(endStr.replace(' ', 'T'));
                const diff = targetDate - now;

if (diff <= 0) {
                    const card = timer.closest('.promo-card-wrapper');
                    if(card) card.style.display = 'none';
                    return;
                }

const hours = Math.floor(diff / (1000 * 60 * 60));
                const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
                const seconds = Math.floor((diff % (1000 * 60)) / 1000);

timer.querySelector('.hours').innerText = hours.toString().padStart(2, '0');
                timer.querySelector('.minutes').innerText = minutes.toString().padStart(2, '0');
                timer.querySelector('.seconds').innerText = seconds.toString().padStart(2, '0');
            });

// Sembunyikan container jika semua promo habis (hidden)
            const wrappers = document.querySelectorAll('.promo-card-wrapper');
            const visibleWrappers = Array.from(wrappers).filter(el => el.style.display !== 'none');
            
            if (wrappers.length > 0 && visibleWrappers.length === 0) {
                const container = document.querySelector('.promo-container');
                if(container) container.style.display = 'none';
            }
        }
        
        setInterval(updateCountdowns, 1000);
        updateCountdowns();
    </script>
</section>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: promo.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation