| Server IP : 173.209.174.21 / Your IP : 216.73.216.89 Web Server : Apache/2.4.58 (Ubuntu) System : Linux wcfs-server 6.8.0-124-generic #124-Ubuntu SMP PREEMPT_DYNAMIC Tue May 26 13:00:45 UTC 2026 x86_64 User : nodor ( 1000) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/thelittlebigshow/vendor-reg/backup files/ |
Upload File : |
<?php
session_start();
// Ensure the vendor and payment data is present
if (!isset($_GET['transaction_id']) || !isset($_GET['amount'])) {
die("Error: Missing transaction details.");
}
$transaction_id = $_GET['transaction_id']; // Get the transaction ID
$amount = $_GET['amount']; // Get the payment amount
// Connect to your database to get vendor details (if needed)
include 'config.php'; // Your DB configuration
$conn = new mysqli(DB_HOST, DB_USER, DB_PASS, DB_NAME);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
// Optionally, fetch vendor info if needed (if you want to display vendor details)
$sql = "SELECT * FROM vendors WHERE transaction_id = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param("s", $transaction_id);
$stmt->execute();
$result = $stmt->get_result();
$vendor = $result->fetch_assoc();
// Close the database connection
$stmt->close();
$conn->close();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Payment Success</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #F7F7F7;
color: #333;
padding: 20px;
}
.container {
width: 50%;
margin: 50px auto;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
h2 {
color: #1E90FF;
text-align: center;
}
.success-message {
text-align: center;
margin-top: 20px;
}
.payment-button {
display: inline-block;
background-color: #006aff;
color: #ffffff;
font-size: 18px;
line-height: 48px;
height: 48px;
text-align: center;
padding: 10px 20px;
border-radius: 6px;
text-decoration: none;
margin-top: 20px;
width: 100%;
}
.payment-button:hover {
background-color: #004a99;
}
</style>
</head>
<body>
<div class="container">
<h2>Thank you for your payment!</h2>
<div class="success-message">
<p>Transaction ID: <?php echo htmlspecialchars($transaction_id); ?></p>
<p>Amount Paid: $<?php echo htmlspecialchars($amount); ?></p>
<p>Your payment has been successfully processed. You will now be redirected to the payment page.</p>
</div>
<!-- Payment button -->
<div>
<div style="overflow: auto; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 259px; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: -2px 10px 5px rgba(0, 0, 0, 0); border-radius: 10px;">
<div style="padding: 20px;">
<p style="font-size: 18px; line-height: 20px;">Vendor Spot</p>
<p style="font-size: 18px; line-height: 20px; font-weight: 600;">Entered by customer</p>
<a target="_blank" data-url="https://square.link/u/umcczuk0?src=embd" href="https://square.link/u/umcczuk0?src=embed" style="display: inline-block; font-size: 18px; line-height: 48px; height: 48px; color: #ffffff; min-width: 212px; background-color: #006aff; text-align: center; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; border-radius: 6px;">Donate</a>
</div>
</div>
</div>
</div>
<script>
function showCheckoutWindow(e) {
e.preventDefault();
const url = document.getElementById('embedded-checkout-modal-checkout-button').getAttribute('data-url');
const title = 'Square Payment Links';
// Some platforms embed in an iframe, so we want to top window to calculate sizes correctly
const topWindow = window.top ? window.top : window;
// Fixes dual-screen position Most browsers Firefox
const dualScreenLeft = topWindow.screenLeft !== undefined ? topWindow.screenLeft : topWindow.screenX;
const dualScreenTop = topWindow.screenTop !== undefined ? topWindow.screenTop : topWindow.screenY;
const width = topWindow.innerWidth ? topWindow.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
const height = topWindow.innerHeight ? topWindow.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
const h = height * .75;
const w = 500;
const systemZoom = width / topWindow.screen.availWidth;
const left = (width - w) / 2 / systemZoom + dualScreenLeft;
const top = (height - h) / 2 / systemZoom + dualScreenTop;
const newWindow = window.open(url, title, `scrollbars=yes, width=${w / systemZoom}, height=${h / systemZoom}, top=${top}, left=${left}`);
if (window.focus) newWindow.focus();
}
document.getElementById('embedded-checkout-modal-checkout-button').addEventListener('click', function (e) {
showCheckoutWindow(e);
});
</script>
</body>
</html>