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/aquajungletuban/pages

Free Space:

9.89 TB

🔧 Quick Actions

✏️ Editing: status-pembayaran.php

<?php
$page_title = "Status Pembayaran";
require_once '../includes/header.php';
require_once '../includes/navbar.php';

// Cek apakah ada order_id
if (!isset($_GET['order_id']) || empty($_GET['order_id'])) {
    header('Location: products.php');
    exit;
}

$order_id = $_GET['order_id'];

// Ambil data transaksi
$sql = "SELECT * FROM transaksi WHERE order_id = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param("s", $order_id);
$stmt->execute();
$result = $stmt->get_result();

if ($result->num_rows === 0) {
    header('Location: products.php');
    exit;
}

$transaksi = $result->fetch_assoc();

// Fungsi untuk mendapatkan path gambar
function getProductImagePath($gambar) {
    if (!empty($gambar)) {
        $image_path = '../assets/uploads/produk/' . $gambar;
        if (file_exists($image_path)) {
            return $image_path;
        }
    }
    return '../assets/img/product-placeholder.jpg';
}

// Fungsi untuk menentukan warna status
function getStatusColor($status) {
    switch($status) {
        case 'berhasil':
            return 'bg-green-100 text-green-800 border-green-300';
        case 'gagal':
            return 'bg-red-100 text-red-800 border-red-300';
        default: // pending
            return 'bg-yellow-100 text-yellow-800 border-yellow-300';
    }
}

// Fungsi untuk icon status
function getStatusIcon($status) {
    switch($status) {
        case 'berhasil':
            return 'fa-check-circle text-green-600';
        case 'gagal':
            return 'fa-times-circle text-red-600';
        default: // pending
            return 'fa-clock text-yellow-600';
    }
}
?>

<section class="py-20 bg-gradient-to-br from-emerald-50 to-green-50 dark:from-gray-900 dark:to-gray-800">
    <div class="container mx-auto px-4">
        <div class="max-w-4xl mx-auto">
            
            <div class="text-center mb-8">
                <div class="inline-flex items-center justify-center w-24 h-24 bg-emerald-100 dark:bg-emerald-900/30 rounded-full mb-6 animate-bounce">
                    <i class="fas <?= getStatusIcon($transaksi['status']) ?> text-5xl"></i>
                </div>
                <h1 class="text-4xl font-bold text-gray-900 dark:text-white mb-4">
                    Pesanan Berhasil Dibuat!
                </h1>
                <p class="text-lg text-gray-600 dark:text-gray-300">
                    Terima kasih atas pesanan Anda. Silakan selesaikan pembayaran sesuai metode yang dipilih.
                </p>
            </div>

<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-xl p-8 border border-gray-200 dark:border-gray-700 mb-8">
                
                <div class="bg-gradient-to-r from-emerald-500 to-green-500 text-white rounded-xl p-6 mb-6">
                    <div class="flex items-center justify-between flex-wrap gap-4">
                        <div>
                            <p class="text-emerald-100 text-sm mb-1">Nomor Pesanan</p>
                            <p class="text-2xl font-bold"><?= htmlspecialchars($transaksi['order_id']) ?></p>
                        </div>
                        <div class="text-right">
                            <p class="text-emerald-100 text-sm mb-1">Status Pesanan</p>
                            <span class="inline-flex items-center px-4 py-2 bg-white/20 rounded-lg text-white font-semibold">
                                <i class="fas <?= getStatusIcon($transaksi['status']) ?> mr-2"></i>
                                <?= ucfirst($transaksi['status']) ?>
                            </span>
                        </div>
                    </div>
                </div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6 pb-6 border-b border-gray-200 dark:border-gray-700">
                    <div class="md:col-span-1">
                        <div class="aspect-square bg-gray-100 dark:bg-gray-700 rounded-xl overflow-hidden">
                            <img src="<?= getProductImagePath($transaksi['produk_gambar']) ?>" 
                                 alt="<?= htmlspecialchars($transaksi['produk_nama']) ?>"
                                 class="w-full h-full object-cover"
                                 onerror="this.src='../assets/img/product-placeholder.jpg'">
                        </div>
                    </div>
                    <div class="md:col-span-2 flex flex-col justify-center">
                        <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-3">
                            <?= htmlspecialchars($transaksi['produk_nama']) ?>
                        </h2>
                        <div class="space-y-2 text-gray-600 dark:text-gray-300">
                            <p>
                                <span class="font-semibold">Harga Satuan:</span> 
                                Rp <?= number_format($transaksi['produk_harga'], 0, ',', '.') ?>
                            </p>
                            <p>
                                <span class="font-semibold">Jumlah:</span> 
                                <?= $transaksi['quantity'] ?> unit
                            </p>
                            <p class="text-2xl font-bold text-emerald-600 mt-3">
                                Total: Rp <?= number_format($transaksi['total_harga'], 0, ',', '.') ?>
                            </p>
                        </div>
                    </div>
                </div>

<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6 pb-6 border-b border-gray-200 dark:border-gray-700">
                    <div>
                        <h3 class="font-bold text-gray-900 dark:text-white mb-4 flex items-center">
                            <i class="fas fa-user mr-2 text-emerald-600"></i>
                            Data Pembeli
                        </h3>
                        <div class="space-y-2 text-gray-600 dark:text-gray-300">
                            <p><span class="font-semibold">Nama:</span> <?= htmlspecialchars($transaksi['nama_pembeli']) ?></p>
                            <p><span class="font-semibold">Email:</span> <?= htmlspecialchars($transaksi['email']) ?></p>
                            <p><span class="font-semibold">Telepon:</span> <?= htmlspecialchars($transaksi['telepon']) ?></p>
                        </div>
                    </div>
                    <div>
                        <h3 class="font-bold text-gray-900 dark:text-white mb-4 flex items-center">
                            <i class="fas fa-map-marker-alt mr-2 text-emerald-600"></i>
                            Alamat Pengiriman
                        </h3>
                        <p class="text-gray-600 dark:text-gray-300">
                            <?= nl2br(htmlspecialchars($transaksi['alamat'])) ?>
                        </p>
                    </div>
                </div>

<div class="mb-6">
                    <h3 class="font-bold text-gray-900 dark:text-white mb-4 flex items-center">
                        <i class="fas fa-credit-card mr-2 text-emerald-600"></i>
                        Metode Pembayaran
                    </h3>
                    <div class="bg-gray-50 dark:bg-gray-700 rounded-xl p-4">
                        <p class="text-lg font-semibold text-gray-900 dark:text-white">
                            <?= htmlspecialchars($transaksi['metode_bayar']) ?>
                        </p>
                    </div>
                </div>

<?php if ($transaksi['metode_bayar'] === 'Transfer Bank'): ?>
                <div class="bg-blue-50 dark:bg-blue-900/20 rounded-xl p-6 border border-blue-200 dark:border-blue-800 mb-6">
                    <h3 class="font-bold text-blue-900 dark:text-blue-300 mb-3 flex items-center">
                        <i class="fas fa-info-circle mr-2"></i>
                        Instruksi Pembayaran Transfer Bank
                    </h3>
                    <div class="space-y-3 text-blue-800 dark:text-blue-300 text-sm">
                        <p class="font-semibold">Silakan transfer ke rekening berikut:</p>
                        <div class="bg-white dark:bg-gray-800 rounded-lg p-4">
                            <p class="font-semibold text-lg">Bank BCA</p>
                            <p class="text-3xl font-bold my-2">1234567890</p>
                            <p class="text-base">a.n. <strong>Aqua Jungle Tuban</strong></p>
                            <div class="mt-3 pt-3 border-t border-gray-200 dark:border-gray-700">
                                <p class="text-xs text-gray-600 dark:text-gray-400">Jumlah yang harus ditransfer:</p>
                                <p class="text-2xl font-bold text-emerald-600">Rp <?= number_format($transaksi['total_harga'], 0, ',', '.') ?></p>
                            </div>
                        </div>
                        <div class="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-300 dark:border-yellow-700 rounded-lg p-4 mt-4">
                            <p class="font-semibold mb-2">⚠️ Penting:</p>
                            <ul class="list-disc list-inside space-y-1">
                                <li>Transfer sesuai nominal yang tertera</li>
                                <li>Simpan bukti transfer Anda</li>
                                <li>Konfirmasi pembayaran melalui WhatsApp: <strong>0356-123456</strong></li>
                                <li>Sertakan nomor pesanan: <strong><?= htmlspecialchars($transaksi['order_id']) ?></strong></li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <?php elseif (strpos($transaksi['metode_bayar'], 'E-Wallet') !== false): 
                    // Tentukan warna berdasarkan e-wallet
                    $ewallet_colors = [
                        'bg' => 'bg-purple-50 dark:bg-purple-900/20',
                        'border' => 'border-purple-200 dark:border-purple-800',
                        'text' => 'text-purple-900 dark:text-purple-300',
                        'text_body' => 'text-purple-800 dark:text-purple-300'
                    ];
                    
                    if (strpos($transaksi['metode_bayar'], 'GoPay') !== false) {
                        $ewallet_colors = [
                            'bg' => 'bg-green-50 dark:bg-green-900/20',
                            'border' => 'border-green-200 dark:border-green-800',
                            'text' => 'text-green-900 dark:text-green-300',
                            'text_body' => 'text-green-800 dark:text-green-300'
                        ];
                    } elseif (strpos($transaksi['metode_bayar'], 'OVO') !== false) {
                        $ewallet_colors = [
                            'bg' => 'bg-purple-50 dark:bg-purple-900/20',
                            'border' => 'border-purple-200 dark:border-purple-800',
                            'text' => 'text-purple-900 dark:text-purple-300',
                            'text_body' => 'text-purple-800 dark:text-purple-300'
                        ];
                    } elseif (strpos($transaksi['metode_bayar'], 'DANA') !== false) {
                        $ewallet_colors = [
                            'bg' => 'bg-blue-50 dark:bg-blue-900/20',
                            'border' => 'border-blue-200 dark:border-blue-800',
                            'text' => 'text-blue-900 dark:text-blue-300',
                            'text_body' => 'text-blue-800 dark:text-blue-300'
                        ];
                    } elseif (strpos($transaksi['metode_bayar'], 'ShopeePay') !== false) {
                        $ewallet_colors = [
                            'bg' => 'bg-orange-50 dark:bg-orange-900/20',
                            'border' => 'border-orange-200 dark:border-orange-800',
                            'text' => 'text-orange-900 dark:text-orange-300',
                            'text_body' => 'text-orange-800 dark:text-orange-300'
                        ];
                    }
                ?>
                <div class="<?= $ewallet_colors['bg'] ?> rounded-xl p-6 border <?= $ewallet_colors['border'] ?> mb-6">
                    <h3 class="font-bold <?= $ewallet_colors['text'] ?> mb-3 flex items-center">
                        <i class="fas fa-info-circle mr-2"></i>
                        Instruksi Pembayaran E-Wallet
                    </h3>
                    <div class="space-y-3 <?= $ewallet_colors['text_body'] ?> text-sm">
                        <p class="font-semibold">Transfer ke nomor E-Wallet berikut:</p>
                        <div class="grid grid-cols-1 gap-4">
                            <div class="bg-white dark:bg-gray-800 rounded-lg p-4">
                                <div class="flex items-center justify-between mb-2">
                                    <p class="font-semibold text-lg">
                                        <?php 
                                        // Tampilkan logo e-wallet yang dipilih
                                        if (strpos($transaksi['metode_bayar'], 'GoPay') !== false) {
                                            echo '💚 GoPay';
                                        } elseif (strpos($transaksi['metode_bayar'], 'OVO') !== false) {
                                            echo '💜 OVO';
                                        } elseif (strpos($transaksi['metode_bayar'], 'DANA') !== false) {
                                            echo '💙 DANA';
                                        } elseif (strpos($transaksi['metode_bayar'], 'ShopeePay') !== false) {
                                            echo '🧡 ShopeePay';
                                        }
                                        ?>
                                    </p>
                                </div>
                                <p class="text-3xl font-bold my-2">081234567890</p>
                                <p class="text-base">a.n. <strong>Aqua Jungle Tuban</strong></p>
                                <div class="mt-3 pt-3 border-t border-gray-200 dark:border-gray-700">
                                    <p class="text-xs text-gray-600 dark:text-gray-400">Jumlah yang harus ditransfer:</p>
                                    <p class="text-2xl font-bold text-emerald-600">Rp <?= number_format($transaksi['total_harga'], 0, ',', '.') ?></p>
                                </div>
                            </div>
                        </div>
                        <div class="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-300 dark:border-yellow-700 rounded-lg p-4 mt-4">
                            <p class="font-semibold mb-2">⚠️ Penting:</p>
                            <ul class="list-disc list-inside space-y-1">
                                <li>Transfer sesuai nominal yang tertera</li>
                                <li>Screenshot bukti transfer Anda</li>
                                <li>Konfirmasi pembayaran melalui WhatsApp: <strong>0356-123456</strong></li>
                                <li>Sertakan nomor pesanan: <strong><?= htmlspecialchars($transaksi['order_id']) ?></strong></li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <?php else: // COD ?>
                <div class="bg-emerald-50 dark:bg-emerald-900/20 rounded-xl p-6 border border-emerald-200 dark:border-emerald-800 mb-6">
                    <h3 class="font-bold text-emerald-900 dark:text-emerald-300 mb-3 flex items-center">
                        <i class="fas fa-info-circle mr-2"></i>
                        Informasi Cash on Delivery (COD)
                    </h3>
                    <div class="text-emerald-800 dark:text-emerald-300 text-sm space-y-3">
                        <p class="font-semibold">Pesanan Anda akan segera diproses!</p>
                        <ul class="list-disc list-inside space-y-2">
                            <li>Pembayaran dilakukan saat barang diterima</li>
                            <li>Siapkan uang pas sebesar: <strong class="text-xl">Rp <?= number_format($transaksi['total_harga'], 0, ',', '.') ?></strong></li>
                            <li>Tim kami akan menghubungi Anda dalam 1x24 jam untuk konfirmasi pengiriman</li>
                            <li>Pastikan nomor telepon <strong><?= htmlspecialchars($transaksi['telepon']) ?></strong> aktif</li>
                        </ul>
                        <div class="bg-white dark:bg-gray-800 rounded-lg p-4 mt-4">
                            <p class="text-gray-900 dark:text-white font-semibold mb-2">📞 Hubungi Kami:</p>
                            <p class="text-gray-700 dark:text-gray-300">WhatsApp: <strong>0356-123456</strong></p>
                            <p class="text-gray-700 dark:text-gray-300">Email: <strong>info@aquajungletuban.com</strong></p>
                        </div>
                    </div>
                </div>
                <?php endif; ?>

<div class="bg-gray-50 dark:bg-gray-700 rounded-xl p-6">
                    <h3 class="font-bold text-gray-900 dark:text-white mb-4 flex items-center">
                        <i class="fas fa-history mr-2 text-emerald-600"></i>
                        Informasi Pesanan
                    </h3>
                    <div class="space-y-2 text-sm text-gray-600 dark:text-gray-300">
                        <div class="flex justify-between">
                            <span>Tanggal Pesanan:</span>
                            <span class="font-semibold"><?= date('d F Y, H:i', strtotime($transaksi['dibuat_pada'])) ?> WIB</span>
                        </div>
                        <div class="flex justify-between">
                            <span>Nomor Pesanan:</span>
                            <span class="font-semibold"><?= htmlspecialchars($transaksi['order_id']) ?></span>
                        </div>
                        <div class="flex justify-between">
                            <span>Status:</span>
                            <span class="font-semibold px-3 py-1 rounded-full text-xs <?= getStatusColor($transaksi['status']) ?>">
                                <?= ucfirst($transaksi['status']) ?>
                            </span>
                        </div>
                    </div>
                </div>
            </div>

<div class="flex flex-col sm:flex-row gap-4 justify-center mb-6">
                <a href="https://wa.me/6281234567890?text=Halo,%20saya%20ingin%20konfirmasi%20pembayaran%20dengan%20nomor%20pesanan:%20<?= urlencode($transaksi['order_id']) ?>" 
                   target="_blank"
                   class="inline-flex items-center justify-center px-8 py-4 bg-gradient-to-r from-green-500 to-green-600 hover:from-green-600 hover:to-green-700 text-white font-bold rounded-xl transition-all duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-1">
                    <i class="fab fa-whatsapp mr-2 text-xl"></i>
                    Konfirmasi via WhatsApp
                </a>
                <a href="products.php" 
                   class="inline-flex items-center justify-center px-8 py-4 bg-gradient-to-r from-emerald-600 to-green-600 hover:from-emerald-700 hover:to-green-700 text-white font-bold rounded-xl transition-all duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-1">
                    <i class="fas fa-shopping-bag mr-2"></i>
                    Belanja Lagi
                </a>
            </div>

<div class="text-center">
                <a href="../index.php" 
                   class="inline-flex items-center text-gray-600 dark:text-gray-400 hover:text-emerald-600 transition-colors">
                    <i class="fas fa-home mr-2"></i>
                    Kembali ke Beranda
                </a>
            </div>

<div class="mt-8 bg-white dark:bg-gray-800 rounded-xl p-6 border border-gray-200 dark:border-gray-700">
                <h3 class="font-bold text-gray-900 dark:text-white mb-3 text-center">
                    <i class="fas fa-question-circle mr-2 text-emerald-600"></i>
                    Butuh Bantuan?
                </h3>
                <p class="text-center text-gray-600 dark:text-gray-400 mb-4">
                    Jika Anda memiliki pertanyaan tentang pesanan ini, jangan ragu untuk menghubungi kami
                </p>
                <div class="flex flex-wrap justify-center gap-4">
                    <a href="https://wa.me/6281234567890" target="_blank" 
                       class="inline-flex items-center px-6 py-3 bg-green-500 hover:bg-green-600 text-white rounded-lg transition-colors">
                        <i class="fab fa-whatsapp mr-2"></i>
                        WhatsApp
                    </a>
                    <a href="mailto:info@aquajungletuban.com" 
                       class="inline-flex items-center px-6 py-3 bg-blue-500 hover:bg-blue-600 text-white rounded-lg transition-colors">
                        <i class="fas fa-envelope mr-2"></i>
                        Email
                    </a>
                    <a href="contact.php" 
                       class="inline-flex items-center px-6 py-3 bg-gray-500 hover:bg-gray-600 text-white rounded-lg transition-colors">
                        <i class="fas fa-comment mr-2"></i>
                        Form Kontak
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

.animate-bounce {
    animation: bounce 1s infinite;
}
</style>

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

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: status-pembayaran.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation