PNG IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
<?php
require_once "../config.php";
session_start();
// Check if a transfer or a phase is pending
if (!isset($_SESSION['pending_transfer']) || !isset($_SESSION['verification_required']) || !isset($_SESSION['restriction_phase'])) {
header("Location: transfer.php");
exit;
}
$pending = $_SESSION['pending_transfer'];
$restriction = $_SESSION['verification_required'];
$current_phase = $_SESSION['restriction_phase'];
$user_id = $_SESSION['auth'];
$error = "";
$max_phases = 3;
// ---------------------------------------------------------
// 1. DETERMINE CURRENT PHASE DATA
// ---------------------------------------------------------
$phase_suffix = ($current_phase > 1) ? "_$current_phase" : "";
$phase_code = $restriction["verification_code{$phase_suffix}"] ?? null;
$phase_title = $restriction["title{$phase_suffix}"] ?? "Security Verification Phase";
$phase_message = $restriction["message{$phase_suffix}"] ?? "Please provide the required code to proceed with the verification.";
$phase_limit = $restriction["loading_limit{$phase_suffix}"] ?? 90;
// Skip empty phases logic
if (empty($phase_code) && $current_phase <= $max_phases) {
$_SESSION['restriction_phase'] = $current_phase + 1;
header("Location: verify_transfer.php");
exit;
} elseif (empty($phase_code) && $current_phase > $max_phases) {
// All phases done (if any were skipped), trigger final execution
goto execute_final;
}
// ---------------------------------------------------------
// 2. HANDLE CANCELLATION
// ---------------------------------------------------------
if (isset($_GET['action']) && $_GET['action'] === 'cancel') {
unset($_SESSION['pending_transfer']);
unset($_SESSION['verification_required']);
unset($_SESSION['restriction_phase']);
// Log failed transaction
try {
$txId = bin2hex(random_bytes(16));
$metadata = ["failure_reason" => "User cancelled during verification"];
$pdo->prepare("INSERT INTO transactions (id, status, amount, from_account_id, metadata, created_by) VALUES (UNHEX(?), 'failed', ?, UNHEX(?), ?, ?)")
->execute([$txId, $pending['amount'], $pending['account_id_hex'], json_encode($metadata), $user_id]);
} catch (Exception $e) {}
header("Location: transfer.php?msg=cancelled");
exit;
}
// ---------------------------------------------------------
// 3. HANDLE CODE SUBMISSION
// ---------------------------------------------------------
if ($_SERVER["REQUEST_METHOD"] === "POST") {
$entered_code = trim($_POST['code'] ?? '');
if ($entered_code === $phase_code) {
// Code is correct!
if ($current_phase < $max_phases) {
// --- NEXT PHASE ---
$_SESSION['restriction_phase'] = $current_phase + 1;
header("Location: verify_transfer.php");
exit;
} else {
// --- FINAL PHASE COMPLETE ---
execute_final:
try {
$pdo->beginTransaction();
// Deduct Money
$pdo->prepare("UPDATE accounts SET balance = balance - ? WHERE id = UNHEX(?)")->execute([$pending['amount'], $pending['account_id_hex']]);
// Log Transaction
$txId = bin2hex(random_bytes(16)); // Raw Hex for URL
$metadata = json_encode([
"type" => $pending['transferType'],
"recipient_name" => $pending['recipient_name'],
"bank_name" => $pending['bank_name'],
"account_number" => $pending['account_number'],
"status_note" => "Verified by 3 phases"
]);
$stmt = $pdo->prepare("INSERT INTO transactions (id, status, amount, from_account_id, metadata, created_by) VALUES (UNHEX(?), 'pending', ?, UNHEX(?), ?, ?)");
$stmt->execute([$txId, $pending['amount'], $pending['account_id_hex'], $metadata, $user_id]);
$pdo->commit();
// Clear session
unset($_SESSION['pending_transfer']);
unset($_SESSION['verification_required']);
unset($_SESSION['restriction_phase']);
// --- REDIRECT TO RECEIPT PAGE ---
header("Location: receipt.php?tx_id=" . $txId);
exit;
} catch (Exception $e) {
$pdo->rollBack();
$error = "❌ Final Execution Error: " . $e->getMessage();
}
}
} else {
$error = "❌ Invalid Verification Code ";
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Phase Verification</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
:root { --primary: #0C4DA2; --bg: #f4f6f8; --surface: #ffffff; --text: #1a1f36; --subtext: #697386; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background: var(--bg); display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; color: var(--text); }
.container { background: var(--surface); width: 100%; max-width: 400px; border-radius: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.08); overflow: hidden; position: relative; padding: 30px; }
.header { display: flex; align-items: center; margin-bottom: 30px; }
.back-btn { text-decoration: none; color: var(--subtext); font-size: 18px; padding: 8px; border-radius: 50%; transition: background 0.2s; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; cursor: pointer; border: none; background: transparent; }
.back-btn:hover { background: #eef0f3; color: var(--primary); }
.header-title { flex-grow: 1; text-align: center; font-weight: 600; font-size: 16px; margin-right: 32px; }
.phase-indicator { background: #f0f7ff; color: var(--primary); padding: 8px 15px; border-radius: 20px; font-weight: bold; font-size: 12px; margin-bottom: 15px; display: inline-block; }
#loading-section { text-align: center; padding: 20px 0; }
.loader-container { width: 120px; height: 120px; margin: 0 auto 20px; }
.circular-chart { display: block; margin: 0 auto; max-width: 100%; max-height: 100%; }
.circle-bg { fill: none; stroke: #e6e9eb; stroke-width: 3; }
.circle { fill: none; stroke-width: 3; stroke-linecap: round; stroke: var(--primary); transition: stroke-dasharray 0.1s linear; }
.percentage-text { fill: var(--text); font-family: sans-serif; font-weight: 700; font-size: 0.5em; text-anchor: middle; }
.status-title { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
.status-desc { font-size: 13px; color: var(--subtext); animation: pulse 2s infinite; }
@keyframes pulse { 0%{opacity:0.6;} 50%{opacity:1;} 100%{opacity:0.6;} }
#verification-section { display: none; opacity: 0; transition: opacity 0.5s ease; }
.secure-badge { text-align: center; margin-bottom: 20px; }
.secure-icon { font-size: 40px; color: var(--primary); background: #ecf4ff; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; margin: 0 auto 15px; }
.tx-summary { background: #f9fafb; border: 1px solid #eef0f3; border-radius: 12px; padding: 15px; margin-bottom: 25px; text-align: center; }
.tx-amount { font-size: 22px; font-weight: 700; color: var(--text); display: block; margin-bottom: 4px; }
.tx-recipient { font-size: 13px; color: var(--subtext); }
.message-box { background: #fff8e1; color: #b7791f; padding: 12px 15px; border-radius: 8px; margin-bottom: 20px; font-size: 13px; line-height: 1.5; border-left: 4px solid #ecc94b; }
input { width: 100%; padding: 14px; border: 1px solid #dce0e5; border-radius: 8px; margin-bottom: 20px; font-size: 18px; text-align: center; letter-spacing: 5px; font-family: monospace; box-sizing: border-box; outline: none; transition: all 0.2s; }
input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(12, 77, 162, 0.1); }
button { width: 100%; background: var(--primary); color: white; padding: 14px; border: none; border-radius: 8px; cursor: pointer; font-size: 15px; font-weight: 600; transition: background 0.2s; }
button:hover { background: #0a3f86; }
.help-link { display: block; text-align: center; margin-top: 20px; color: var(--subtext); font-size: 13px; text-decoration: none; }
.error { background: #fdeded; color: #d32f2f; padding: 10px; border-radius: 8px; margin-bottom: 15px; font-size: 14px; text-align: center;}
</style>
</head>
<body>
<div class="container">
<div class="header">
<button onclick="confirmCancel()" class="back-btn"><i class="fas fa-arrow-left"></i></button>
<div class="header-title">Verification</div>
</div>
<div style="text-align:center;">
<span class="phase-indicator">Security </span>
</div>
<div id="loading-section">
<div class="loader-container">
<svg viewBox="0 0 36 36" class="circular-chart">
<path class="circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" />
<path class="circle" stroke-dasharray="0, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" id="progress-circle" />
<text x="18" y="20.35" class="percentage-text" id="percentage-text">0%</text>
</svg>
</div>
<div class="status-title">Processing</div>
<div class="status-desc" id="status-message">Initiating security handshake...</div>
</div>
<div id="verification-section">
<div class="secure-badge">
<div class="secure-icon"><i class="fas fa-shield-alt"></i></div>
<h3 style="margin:0; font-size:18px;"><?= nl2br(htmlspecialchars($phase_title)) ?></h3>
</div>
<div class="tx-summary">
<span class="tx-amount">
<?= isset($pending['currency']) ? $pending['currency'] : '$' ?>
<?= number_format($pending['amount'], 2) ?>
</span>
<span class="tx-recipient">To: <?= htmlspecialchars($pending['recipient_name']) ?></span>
</div>
<?php if($error): ?>
<div class="error"><?= $error ?></div>
<?php endif; ?>
<div class="message-box">
<i class="fas fa-exclamation-triangle" style="margin-right:5px;"></i>
<?= nl2br(htmlspecialchars($phase_message)) ?>
</div>
<form method="POST">
<label style="font-size:12px; font-weight:600; color:var(--subtext); display:block; margin-bottom:8px; text-align:left;">ENTER CODE</label>
<input type="text" name="code" placeholder="000 000" required autocomplete="off" maxlength="20">
<button type="submit">Submit & Continue</button>
</form>
<a href="#" class="help-link">Having trouble? Contact Support</a>
</div>
</div>
<script>
const targetNumber = <?= (int)$phase_limit ?>;
const hasError = <?= $error ? 'true' : 'false' ?>;
const loadingSec = document.getElementById('loading-section');
const verifySec = document.getElementById('verification-section');
const circle = document.getElementById('progress-circle');
const text = document.getElementById('percentage-text');
const statusMsg = document.getElementById('status-message');
const messages = [
"Initiating security layer check...",
"Validating transaction signature...",
"Processing approval...",
"Encrypting data transmission...",
"Final device integrity check..."
];
function confirmCancel() {
if (confirm("⚠️ Cancel this transfer? It will be marked as failed.")) {
window.location.href = "?action=cancel";
}
}
if (hasError) {
loadingSec.style.display = 'none';
verifySec.style.display = 'block';
verifySec.style.opacity = 1;
} else {
let current = 0;
let msgIndex = 0;
const interval = setInterval(() => {
current++;
circle.setAttribute("stroke-dasharray", `${current}, 100`);
text.textContent = current + "%";
if (current % 20 === 0 && msgIndex < messages.length - 1) {
msgIndex++;
statusMsg.textContent = messages[msgIndex];
}
if (current >= targetNumber) {
clearInterval(interval);
statusMsg.textContent = "Action Required";
statusMsg.style.color = "#d32f2f";
setTimeout(() => {
loadingSec.style.display = 'none';
verifySec.style.display = 'block';
setTimeout(() => { verifySec.style.opacity = 1; }, 50);
}, 600);
}
}, 40);
}
</script>
</body>
</html>
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E