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.88 TB

🔧 Quick Actions

✏️ Editing: pilih-metode-bayar.php

<?php

// Koneksi database dari config
require_once __DIR__ . '/../config/db.php';

// Cek apakah ini proses konfirmasi pembayaran
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['metode_bayar'])) {
    // Ambil data dari form
    $produk_id = intval($_POST['produk_id']);
    $nama_pembeli = trim($_POST['nama_pembeli']);
    $email = trim($_POST['email']);
    $telepon = trim($_POST['telepon']);
    $alamat = trim($_POST['alamat']);
    $quantity = intval($_POST['quantity']);
    $metode_bayar = $_POST['metode_bayar'];
    
    // Ambil data produk
    $sql = "SELECT * FROM produk WHERE id = ?";
    $stmt = $conn->prepare($sql);
    $stmt->bind_param("i", $produk_id);
    $stmt->execute();
    $result = $stmt->get_result();
    $produk = $result->fetch_assoc();
    
    if ($produk) {
        // Hitung total harga
        $total_harga = $produk['harga'] * $quantity;
        
        // Generate Order ID yang unik
        do {
            $order_id = 'AQJ-' . date('Ymd') . '-' . str_pad(rand(1, 999), 3, '0', STR_PAD_LEFT);
            $check = $conn->prepare("SELECT id FROM transaksi WHERE order_id = ?");
            $check->bind_param("s", $order_id);
            $check->execute();
            $exists = $check->get_result()->num_rows > 0;
        } while ($exists);
        
        // Insert ke database
        $sql_insert = "INSERT INTO transaksi 
                       (order_id, produk_id, produk_nama, produk_harga, produk_gambar, 
                        nama_pembeli, email, telepon, alamat, quantity, total_harga, 
                        metode_bayar, status) 
                       VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, 'pending')";
        
        $stmt_insert = $conn->prepare($sql_insert);
        $stmt_insert->bind_param(
            "sisdsssssids",
            $order_id,
            $produk_id,
            $produk['nama'],
            $produk['harga'],
            $produk['gambar'],
            $nama_pembeli,
            $email,
            $telepon,
            $alamat,
            $quantity,
            $total_harga,
            $metode_bayar
        );
        
        if ($stmt_insert->execute()) {
            // Update stok produk
            $new_stok = $produk['stok'] - $quantity;
            $update_stok = $conn->prepare("UPDATE produk SET stok = ? WHERE id = ?");
            $update_stok->bind_param("ii", $new_stok, $produk_id);
            $update_stok->execute();
            
            // Redirect ke status-pembayaran.php
            header('Location: status-pembayaran.php?order_id=' . $order_id);
            exit;
        }
    }
}

// Jika bukan POST dengan metode_bayar, cek apakah ada data dari checkout
if ($_SERVER['REQUEST_METHOD'] !== 'POST' || !isset($_POST['produk_id'])) {
    header('Location: products.php');
    exit;
}

// Ambil data dari form checkout
$produk_id = intval($_POST['produk_id']);
$nama_pembeli = trim($_POST['nama_pembeli']);
$email = trim($_POST['email']);
$telepon = trim($_POST['telepon']);
$alamat = trim($_POST['alamat']);
$quantity = intval($_POST['quantity']);

// Validasi input
if (empty($nama_pembeli) || empty($email) || empty($telepon) || empty($alamat) || $quantity < 1) {
    header('Location: checkout.php?produk_id=' . $produk_id . '&error=invalid_data');
    exit;
}

// Ambil data produk
$sql = "SELECT p.*, k.nama as kategori_nama 
        FROM produk p 
        LEFT JOIN kategori k ON p.kategori_id = k.id 
        WHERE p.id = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param("i", $produk_id);
$stmt->execute();
$result = $stmt->get_result();

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

$produk = $result->fetch_assoc();

// Cek stok
if ($quantity > $produk['stok']) {
    header('Location: checkout.php?produk_id=' . $produk_id . '&error=insufficient_stock');
    exit;
}

// Hitung total harga
$total_harga = $produk['harga'] * $quantity;

// 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';
}

// Sekarang baru include header (setelah semua redirect selesai)
$page_title = "Pilih Metode Pembayaran";
require_once '../includes/header.php';
require_once '../includes/navbar.php';
?>

.gopay-logo {
    background: linear-gradient(135deg, #00AA13 0%, #00D41E 100%);
    color: white;
    font-size: 16px;
}

.ovo-logo {
    background: linear-gradient(135deg, #4C3494 0%, #6B4DB8 100%);
    color: white;
    font-size: 18px;
}

.dana-logo {
    background: linear-gradient(135deg, #118EEA 0%, #1BA0F2 100%);
    color: white;
    font-size: 18px;
}

.shopeepay-logo {
    background: linear-gradient(135deg, #EE4D2D 0%, #FF6347 100%);
    color: white;
    font-size: 14px;
}
</style>

<section class="bg-gray-50 dark:bg-gray-800 py-8">
    <div class="container mx-auto px-4">
        <nav class="flex items-center space-x-2 text-sm">
            <a href="../index.php" class="text-gray-500 dark:text-gray-400 hover:text-emerald-600 transition-colors">
                <i class="fas fa-home"></i>
            </a>
            <i class="fas fa-chevron-right text-gray-400 text-xs"></i>
            <a href="products.php" class="text-gray-500 dark:text-gray-400 hover:text-emerald-600 transition-colors">
                Produk
            </a>
            <i class="fas fa-chevron-right text-gray-400 text-xs"></i>
            <span class="text-gray-900 dark:text-white font-medium">Metode Pembayaran</span>
        </nav>
    </div>
</section>

<section class="py-20 bg-white dark:bg-gray-900">
    <div class="container mx-auto px-4">
        <div class="max-w-6xl mx-auto">
            
            <div class="text-center mb-12">
                <h1 class="text-4xl font-bold text-gray-900 dark:text-white mb-4">
                    <i class="fas fa-credit-card mr-3 text-emerald-600"></i>Pilih Metode Pembayaran
                </h1>
                <p class="text-gray-600 dark:text-gray-300">Pilih metode pembayaran yang Anda inginkan</p>
            </div>

<div class="lg:col-span-2">
                    <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-8 border border-gray-200 dark:border-gray-700">
                        <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">
                            Metode Pembayaran
                        </h2>

<div class="space-y-4">
                            
                            <label class="block cursor-pointer">
                                <input type="radio" name="metode_bayar" value="COD - Cash on Delivery" class="hidden peer" required>
                                <div class="p-6 border-2 border-gray-300 dark:border-gray-600 rounded-xl hover:border-emerald-500 peer-checked:border-emerald-600 peer-checked:bg-emerald-50 dark:peer-checked:bg-emerald-900/20 transition-all">
                                    <div class="flex items-center justify-between">
                                        <div class="flex items-center space-x-4">
                                            <div class="w-16 h-16 bg-emerald-100 dark:bg-emerald-900/30 rounded-lg flex items-center justify-center">
                                                <i class="fas fa-money-bill-wave text-emerald-600 text-2xl"></i>
                                            </div>
                                            <div>
                                                <h3 class="font-bold text-gray-900 dark:text-white text-lg">Cash on Delivery (COD)</h3>
                                                <p class="text-sm text-gray-600 dark:text-gray-400">Bayar saat barang diterima</p>
                                            </div>
                                        </div>
                                        <i class="fas fa-check-circle text-emerald-600 text-2xl opacity-0 peer-checked:opacity-100 transition-opacity"></i>
                                    </div>
                                </div>
                            </label>

<label class="block cursor-pointer">
                                <input type="radio" name="metode_bayar" value="Transfer Bank" class="hidden peer">
                                <div class="p-6 border-2 border-gray-300 dark:border-gray-600 rounded-xl hover:border-blue-500 peer-checked:border-blue-600 peer-checked:bg-blue-50 dark:peer-checked:bg-blue-900/20 transition-all">
                                    <div class="flex items-center justify-between">
                                        <div class="flex items-center space-x-4">
                                            <div class="w-16 h-16 bg-blue-100 dark:bg-blue-900/30 rounded-lg flex items-center justify-center">
                                                <i class="fas fa-university text-blue-600 text-2xl"></i>
                                            </div>
                                            <div>
                                                <h3 class="font-bold text-gray-900 dark:text-white text-lg">Transfer Bank</h3>
                                                <p class="text-sm text-gray-600 dark:text-gray-400">Transfer ke rekening toko</p>
                                            </div>
                                        </div>
                                        <i class="fas fa-check-circle text-blue-600 text-2xl opacity-0 peer-checked:opacity-100 transition-opacity"></i>
                                    </div>
                                </div>
                            </label>

<div class="flex items-center my-6">
                                <div class="flex-grow border-t border-gray-300 dark:border-gray-600"></div>
                                <span class="px-4 text-sm text-gray-500 dark:text-gray-400 font-medium">E-WALLET</span>
                                <div class="flex-grow border-t border-gray-300 dark:border-gray-600"></div>
                            </div>

<label class="block cursor-pointer">
                                <input type="radio" name="metode_bayar" value="E-Wallet - GoPay" class="hidden peer">
                                <div class="p-6 border-2 border-gray-300 dark:border-gray-600 rounded-xl hover:border-green-500 peer-checked:border-green-600 peer-checked:bg-green-50 dark:peer-checked:bg-green-900/20 transition-all">
                                    <div class="flex items-center justify-between">
                                        <div class="flex items-center space-x-4">
                                            <div class="payment-logo gopay-logo">
                                                GoPay
                                            </div>
                                            <div>
                                                <h3 class="font-bold text-gray-900 dark:text-white text-lg">GoPay</h3>
                                                <p class="text-sm text-gray-600 dark:text-gray-400">Bayar dengan GoPay</p>
                                            </div>
                                        </div>
                                        <i class="fas fa-check-circle text-green-600 text-2xl opacity-0 peer-checked:opacity-100 transition-opacity"></i>
                                    </div>
                                </div>
                            </label>

<label class="block cursor-pointer">
                                <input type="radio" name="metode_bayar" value="E-Wallet - OVO" class="hidden peer">
                                <div class="p-6 border-2 border-gray-300 dark:border-gray-600 rounded-xl hover:border-purple-500 peer-checked:border-purple-600 peer-checked:bg-purple-50 dark:peer-checked:bg-purple-900/20 transition-all">
                                    <div class="flex items-center justify-between">
                                        <div class="flex items-center space-x-4">
                                            <div class="payment-logo ovo-logo">
                                                OVO
                                            </div>
                                            <div>
                                                <h3 class="font-bold text-gray-900 dark:text-white text-lg">OVO</h3>
                                                <p class="text-sm text-gray-600 dark:text-gray-400">Bayar dengan OVO</p>
                                            </div>
                                        </div>
                                        <i class="fas fa-check-circle text-purple-600 text-2xl opacity-0 peer-checked:opacity-100 transition-opacity"></i>
                                    </div>
                                </div>
                            </label>

<label class="block cursor-pointer">
                                <input type="radio" name="metode_bayar" value="E-Wallet - DANA" class="hidden peer">
                                <div class="p-6 border-2 border-gray-300 dark:border-gray-600 rounded-xl hover:border-blue-500 peer-checked:border-blue-600 peer-checked:bg-blue-50 dark:peer-checked:bg-blue-900/20 transition-all">
                                    <div class="flex items-center justify-between">
                                        <div class="flex items-center space-x-4">
                                            <div class="payment-logo dana-logo">
                                                DANA
                                            </div>
                                            <div>
                                                <h3 class="font-bold text-gray-900 dark:text-white text-lg">DANA</h3>
                                                <p class="text-sm text-gray-600 dark:text-gray-400">Bayar dengan DANA</p>
                                            </div>
                                        </div>
                                        <i class="fas fa-check-circle text-blue-600 text-2xl opacity-0 peer-checked:opacity-100 transition-opacity"></i>
                                    </div>
                                </div>
                            </label>

<label class="block cursor-pointer">
                                <input type="radio" name="metode_bayar" value="E-Wallet - ShopeePay" class="hidden peer">
                                <div class="p-6 border-2 border-gray-300 dark:border-gray-600 rounded-xl hover:border-orange-500 peer-checked:border-orange-600 peer-checked:bg-orange-50 dark:peer-checked:bg-orange-900/20 transition-all">
                                    <div class="flex items-center justify-between">
                                        <div class="flex items-center space-x-4">
                                            <div class="payment-logo shopeepay-logo">
                                                ShopeePay
                                            </div>
                                            <div>
                                                <h3 class="font-bold text-gray-900 dark:text-white text-lg">ShopeePay</h3>
                                                <p class="text-sm text-gray-600 dark:text-gray-400">Bayar dengan ShopeePay</p>
                                            </div>
                                        </div>
                                        <i class="fas fa-check-circle text-orange-600 text-2xl opacity-0 peer-checked:opacity-100 transition-opacity"></i>
                                    </div>
                                </div>
                            </label>
                        </div>
                    </div>
                </div>

<div class="lg:col-span-1">
                    <div class="bg-gradient-to-br from-emerald-50 to-green-50 dark:from-gray-800 dark:to-gray-700 rounded-2xl shadow-lg p-8 border border-emerald-200 dark:border-gray-600 sticky top-24">
                        <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">
                            Ringkasan Pesanan
                        </h2>

<div class="bg-white dark:bg-gray-800 rounded-xl p-4 mb-6 border border-gray-200 dark:border-gray-600">
                            <div class="aspect-square bg-gray-100 dark:bg-gray-700 rounded-lg overflow-hidden mb-4">
                                <img src="<?= getProductImagePath($produk['gambar']) ?>" 
                                     alt="<?= htmlspecialchars($produk['nama']) ?>"
                                     class="w-full h-full object-cover"
                                     onerror="this.src='../assets/img/product-placeholder.jpg'">
                            </div>
                            <h3 class="font-bold text-gray-900 dark:text-white mb-2">
                                <?= htmlspecialchars($produk['nama']) ?>
                            </h3>
                            <p class="text-sm text-gray-600 dark:text-gray-400">
                                <i class="fas fa-tag mr-1"></i><?= htmlspecialchars($produk['kategori_nama']) ?>
                            </p>
                        </div>

<div class="space-y-3 mb-6 text-sm">
                            <div>
                                <span class="text-gray-600 dark:text-gray-400">Nama:</span>
                                <p class="font-semibold text-gray-900 dark:text-white"><?= htmlspecialchars($nama_pembeli) ?></p>
                            </div>
                            <div>
                                <span class="text-gray-600 dark:text-gray-400">Email:</span>
                                <p class="font-semibold text-gray-900 dark:text-white break-all"><?= htmlspecialchars($email) ?></p>
                            </div>
                            <div>
                                <span class="text-gray-600 dark:text-gray-400">Telepon:</span>
                                <p class="font-semibold text-gray-900 dark:text-white"><?= htmlspecialchars($telepon) ?></p>
                            </div>
                        </div>

<div class="space-y-3 mb-6">
                            <div class="flex justify-between">
                                <span class="text-gray-700 dark:text-gray-300">Harga Satuan</span>
                                <span class="font-semibold text-gray-900 dark:text-white">
                                    Rp <?= number_format($produk['harga'], 0, ',', '.') ?>
                                </span>
                            </div>
                            <div class="flex justify-between">
                                <span class="text-gray-700 dark:text-gray-300">Jumlah</span>
                                <span class="font-semibold text-gray-900 dark:text-white"><?= $quantity ?></span>
                            </div>
                            <div class="border-t border-gray-300 dark:border-gray-600 pt-3">
                                <div class="flex justify-between items-center">
                                    <span class="text-lg font-bold text-gray-900 dark:text-white">Total</span>
                                    <span class="text-2xl font-bold text-emerald-600">
                                        Rp <?= number_format($total_harga, 0, ',', '.') ?>
                                    </span>
                                </div>
                            </div>
                        </div>

<button type="submit" 
                                class="w-full bg-gradient-to-r from-emerald-600 to-green-600 hover:from-emerald-700 hover:to-green-700 text-white font-bold py-4 px-6 rounded-xl transition-all duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-1">
                            <i class="fas fa-check-circle mr-2"></i>
                            Konfirmasi Pesanan
                        </button>

<a href="checkout.php?produk_id=<?= $produk_id ?>" 
                           class="block text-center mt-4 text-gray-600 dark:text-gray-400 hover:text-emerald-600 transition-colors">
                            <i class="fas fa-arrow-left mr-2"></i>Kembali
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>

// Form validation
document.querySelector('form').addEventListener('submit', function(e) {
    const selectedMethod = document.querySelector('input[name="metode_bayar"]:checked');
    if (!selectedMethod) {
        e.preventDefault();
        alert('Silakan pilih metode pembayaran terlebih dahulu!');
    }
});
</script>

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

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: pilih-metode-bayar.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation