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

Free Space:

9.97 TB

🔧 Quick Actions

✏️ Editing: test_virtual_account.php

<?php
/**
 * Virtual Account Testing Page
 * File: test_virtual_account.php
 * 
 * Gunakan file ini untuk test VA generation tanpa perlu checkout
 * Akses: http://localhost/freshfruty/test_virtual_account.php
 */

require_once 'config/database.php';

// Get payment methods untuk testing
$database = new Database();
$db = $database->getConnection();

// Cek apakah virtual_accounts table ada
try {
    $checkTable = $db->query("SHOW TABLES LIKE 'virtual_accounts'");
    $tableExists = $checkTable->rowCount() > 0;
} catch (Exception $e) {
    $tableExists = false;
}

// Test data untuk berbagai metode pembayaran
$testPaymentMethods = [
    [
        'name' => 'Transfer Bank BCA',
        'method' => 'transfer-BCA',
        'amount' => 250000
    ],
    [
        'name' => 'Transfer Bank Mandiri',
        'method' => 'transfer-Mandiri',
        'amount' => 150000
    ],
    [
        'name' => 'Transfer Bank BNI',
        'method' => 'transfer-BNI',
        'amount' => 350000
    ],
    [
        'name' => 'Transfer Bank BRI',
        'method' => 'transfer-BRI',
        'amount' => 200000
    ],
    [
        'name' => 'E-Wallet GoPay',
        'method' => 'ewallet-GoPay',
        'amount' => 500000
    ],
    [
        'name' => 'E-Wallet OVO',
        'method' => 'ewallet-OVO',
        'amount' => 300000
    ],
    [
        'name' => 'E-Wallet DANA',
        'method' => 'ewallet-DANA',
        'amount' => 175000
    ],
    [
        'name' => 'E-Wallet Shopee Pay',
        'method' => 'ewallet-Shopee',
        'amount' => 225000
    ]
];
?>
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Virtual Account Tester - FreshFruty</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            padding: 40px 20px;
        }
        
        .container {
            max-width: 1000px;
            margin: 0 auto;
        }
        
        .header {
            text-align: center;
            color: white;
            margin-bottom: 40px;
        }
        
        .header h1 {
            font-size: 2.5rem;
            margin-bottom: 10px;
        }
        
        .header p {
            font-size: 1rem;
            opacity: 0.9;
        }
        
        .status-box {
            background: white;
            padding: 20px;
            border-radius: 15px;
            margin-bottom: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        
        .status-item {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 12px;
        }
        
        .status-item:last-child {
            margin-bottom: 0;
        }
        
        .status-icon {
            font-size: 1.5rem;
            width: 30px;
        }
        
        .status-ok { color: #2ecc71; }
        .status-error { color: #e74c3c; }
        
        .status-text {
            flex: 1;
        }
        
        .status-text strong {
            display: block;
            color: #333;
            margin-bottom: 3px;
        }
        
        .status-text small {
            color: #999;
        }
        
        .payment-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
            margin-top: 30px;
        }
        
        .payment-card {
            background: white;
            border-radius: 15px;
            padding: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .payment-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.3);
        }
        
        .payment-icon {
            font-size: 2rem;
            margin-bottom: 10px;
        }
        
        .payment-name {
            font-weight: 700;
            color: #333;
            margin-bottom: 8px;
        }
        
        .payment-amount {
            font-size: 0.9rem;
            color: #666;
            margin-bottom: 15px;
        }
        
        .btn-test {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            padding: 10px 15px;
            border-radius: 8px;
            font-weight: 600;
            cursor: pointer;
            font-size: 0.85rem;
            transition: 0.3s;
        }
        
        .btn-test:hover {
            opacity: 0.9;
            transform: scale(1.02);
        }
        
        .result-box {
            background: white;
            border-radius: 15px;
            padding: 25px;
            margin-top: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            display: none;
        }
        
        .result-box.show {
            display: block;
            animation: slideDown 0.3s ease;
        }
        
        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .result-header {
            border-bottom: 2px solid #667eea;
            padding-bottom: 15px;
            margin-bottom: 20px;
        }
        
        .result-header h3 {
            color: #667eea;
            font-size: 1.2rem;
        }
        
        .result-item {
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
        }
        
        .result-item:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        
        .result-label {
            font-weight: 600;
            color: #667eea;
            font-size: 0.9rem;
            margin-bottom: 5px;
        }
        
        .result-value {
            background: #f8f9fa;
            padding: 10px;
            border-radius: 8px;
            font-family: 'Courier New', monospace;
            font-size: 0.95rem;
            color: #333;
            word-break: break-all;
        }
        
        .va-number {
            font-weight: 900;
            font-size: 1.5rem;
            color: #667eea;
            letter-spacing: 2px;
            text-align: center;
            background: linear-gradient(135deg, #f8f9fa, #fff);
            padding: 15px;
            border-radius: 8px;
            border: 2px dashed #667eea;
            margin: 15px 0;
        }
        
        .loading {
            text-align: center;
            padding: 20px;
        }
        
        .spinner {
            border: 4px solid #f3f3f3;
            border-top: 4px solid #667eea;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            animation: spin 1s linear infinite;
            margin: 0 auto;
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        .error-message {
            background: #ffe5e5;
            color: #c7254e;
            padding: 15px;
            border-radius: 8px;
            border-left: 4px solid #c7254e;
            margin-top: 15px;
        }
        
        .success-message {
            background: #d4edda;
            color: #155724;
            padding: 15px;
            border-radius: 8px;
            border-left: 4px solid #155724;
            margin-top: 15px;
        }
        
        .instructions {
            background: #e7f3ff;
            padding: 15px;
            border-radius: 8px;
            border-left: 4px solid #0066cc;
            margin-top: 15px;
            font-size: 0.9rem;
            line-height: 1.6;
        }
        
        .instructions ol {
            margin-left: 20px;
        }
        
        .instructions li {
            margin-bottom: 8px;
        }
        
        .footer {
            text-align: center;
            color: white;
            margin-top: 40px;
            padding-top: 20px;
            border-top: 1px solid rgba(255,255,255,0.3);
            font-size: 0.9rem;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>🎫 Virtual Account Tester</h1>
            <p>Test VA generation untuk semua metode pembayaran</p>
        </div>
        
        <div class="status-box">
            <div class="status-item">
                <span class="status-icon <?php echo $tableExists ? 'status-ok' : 'status-error'; ?>">
                    <i class="fas <?php echo $tableExists ? 'fa-check-circle' : 'fa-times-circle'; ?>"></i>
                </span>
                <div class="status-text">
                    <strong>Database Table Status</strong>
                    <small>
                        <?php 
                        if ($tableExists) {
                            echo '✓ Table virtual_accounts ditemukan';
                        } else {
                            echo '✗ Table virtual_accounts TIDAK ditemukan. Jalankan migration: /migrations/001_create_virtual_accounts_table.php';
                        }
                        ?>
                    </small>
                </div>
            </div>
            
            <div class="status-item">
                <span class="status-icon status-ok">
                    <i class="fas fa-check-circle"></i>
                </span>
                <div class="status-text">
                    <strong>API Endpoint</strong>
                    <small>✓ /checkout/generate_virtual_account.php tersedia</small>
                </div>
            </div>
            
            <div class="status-item">
                <span class="status-icon status-ok">
                    <i class="fas fa-check-circle"></i>
                </span>
                <div class="status-text">
                    <strong>Frontend Code</strong>
                    <small>✓ JavaScript VA functions ready</small>
                </div>
            </div>
        </div>
        
        <div style="text-align: center; color: white; margin-bottom: 30px;">
            <p>Pilih metode pembayaran untuk test VA generation:</p>
        </div>
        
        <div class="payment-grid">
            <?php foreach ($testPaymentMethods as $method): ?>
            <div class="payment-card">
                <div class="payment-icon">
                    <?php 
                    $icons = [
                        'BCA' => 'fa-landmark',
                        'Mandiri' => 'fa-landmark',
                        'BNI' => 'fa-landmark',
                        'BRI' => 'fa-landmark',
                        'GoPay' => 'fa-wallet',
                        'OVO' => 'fa-wallet',
                        'DANA' => 'fa-wallet',
                        'Shopee' => 'fa-wallet'
                    ];
                    preg_match('/(BCA|Mandiri|BNI|BRI|GoPay|OVO|DANA|Shopee)/', $method['method'], $matches);
                    $icon = $icons[$matches[1]] ?? 'fa-credit-card';
                    ?>
                    <i class="fas <?php echo $icon; ?>"></i>
                </div>
                <div class="payment-name"><?php echo $method['name']; ?></div>
                <div class="payment-amount">Amount: Rp <?php echo number_format($method['amount'], 0, ',', '.'); ?></div>
                <button class="btn-test" onclick="testVA('<?php echo $method['method']; ?>', <?php echo $method['amount']; ?>)">
                    <i class="fas fa-flask"></i> Test VA
                </button>
            </div>
            <?php endforeach; ?>
        </div>
        
        <div class="result-box" id="resultBox">
            <div class="result-header">
                <h3 id="resultTitle">Hasil Test Virtual Account</h3>
            </div>
            <div id="resultContent"></div>
        </div>
        
        <div class="footer">
            <p>Virtual Account Feature Testing Page</p>
            <p style="font-size: 0.8rem; opacity: 0.8;">Last Updated: January 2026</p>
        </div>
    </div>
    
    <script>
        async function testVA(paymentMethod, amount) {
            const resultBox = document.getElementById('resultBox');
            const resultContent = document.getElementById('resultContent');
            const resultTitle = document.getElementById('resultTitle');
            
            // Show loading state
            resultBox.classList.add('show');
            resultContent.innerHTML = '<div class="loading"><div class="spinner"></div><p>Generating Virtual Account...</p></div>';
            
            try {
                const response = await fetch('checkout/generate_virtual_account.php', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({
                        payment_method: paymentMethod,
                        amount: amount
                    })
                });
                
                const data = await response.json();
                
                if (data.success) {
                    resultTitle.textContent = '✓ Test Berhasil - Virtual Account Generated';
                    resultTitle.style.color = '#2ecc71';
                    
                    const instructions = data.instructions || {};
                    const stepsHtml = (instructions.steps || []).map(step => `<li>${step}</li>`).join('');
                    
                    resultContent.innerHTML = `
                        <div class="result-item">
                            <div class="result-label">Virtual Account Number</div>
                            <div class="va-number">${data.virtual_account}</div>
                        </div>
                        <div class="result-item">
                            <div class="result-label">Payment Method</div>
                            <div class="result-value">${data.payment_method}</div>
                        </div>
                        <div class="result-item">
                            <div class="result-label">Amount</div>
                            <div class="result-value">${data.formatted_amount}</div>
                        </div>
                        <div class="result-item">
                            <div class="result-label">Expires In</div>
                            <div class="result-value">${data.expires_in}</div>
                        </div>
                        <div class="success-message">
                            <i class="fas fa-check-circle"></i> Virtual Account berhasil di-generate!
                        </div>
                        ${instructions.steps ? `
                        <div class="instructions">
                            <strong>${instructions.method}</strong>
                            <ol>${stepsHtml}</ol>
                            <p style="margin-top: 10px;"><strong>Note:</strong> ${instructions.note}</p>
                        </div>
                        ` : ''}
                    `;
                } else {
                    resultTitle.textContent = '✗ Test Gagal';
                    resultTitle.style.color = '#e74c3c';
                    resultContent.innerHTML = `
                        <div class="error-message">
                            <i class="fas fa-times-circle"></i> ${data.message}
                        </div>
                    `;
                }
            } catch (error) {
                resultTitle.textContent = '✗ Error';
                resultTitle.style.color = '#e74c3c';
                resultContent.innerHTML = `
                    <div class="error-message">
                        <i class="fas fa-exclamation-circle"></i> Error: ${error.message}
                    </div>
                `;
            }
        }
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: test_virtual_account.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation