<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CBE Transfer Checker with Ads</title>
<style>
/* Basic reset and styling */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
body {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
color: #333;
background-image: url('[Link]');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.container {
max-width: 400px;
width: 100%;
padding: 20px;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
position: relative;
}
.container img {
width: 80px;
margin-bottom: 20px;
}
.container h2 {
margin-bottom: 20px;
font-size: 1.5rem;
color: #6A0DAD;
}
.form-group {
margin-bottom: 15px;
text-align: left;
}
label {
display: block;
font-size: 0.9rem;
margin-bottom: 5px;
color: #555;
}
input[type="text"] {
width: 100%;
padding: 10px;
font-size: 1rem;
border: 1px solid #ddd;
border-radius: 4px;
}
.file-options {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.file-options input[type="file"] {
display: none;
}
.file-options label {
padding: 10px 20px;
font-size: 0.9rem;
color: #fff;
background-color: #6A0DAD;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s;
}
.file-options label:hover {
background-color: #580A93;
}
button {
width: 100%;
padding: 12px;
font-size: 1rem;
color: #fff;
background-color: #6A0DAD;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s;
}
button:hover {
background-color: #580A93;
}
.footer {
margin-top: 20px;
font-size: 0.85rem;
color: #6A0DAD;
}
.counter {
margin-top: 20px;
font-size: 1rem;
color: #6A0DAD;
}
</style>
<!-- Firebase and [Link] -->
<script src="[Link]
script>
<script src="[Link]
[Link]"></script>
<script
src="[Link]
script>
</head>
<body>
<div class="container">
<img src="[Link]" alt="CBE Logo">
<h2>CBE Transfer Checker</h2>
<form id="inputForm">
<div class="form-group">
<label for="ftNumber">FT Number (or Upload/Take Photo)</label>
<input type="text" id="ftNumber" name="ftNumber"
placeholder="FT24..." required>
<div class="file-options">
<label for="chooseFile">Choose File</label>
<input type="file" id="chooseFile" accept="image/*"
onchange="extractFTNumber([Link][0])">
<label for="takePhoto">Take Picture</label>
<input type="file" id="takePhoto" accept="image/*"
capture="environment" onchange="extractFTNumber([Link][0])">
</div>
</div>
<div class="form-group">
<label for="accountNumber">CBE Account Number (Last 8
Digits)</label>
<input type="text" id="accountNumber" name="accountNumber"
placeholder="Enter Last 8 Digits" required>
</div>
<button type="button" onclick="openLink()">Generate Link</button>
</form>
<!-- Display user counter -->
<div id="userCounter" class="counter">Total Users: Loading...</div>
<div class="footer">Developed by XSHOP</div>
</div>
<!-- Loading overlay -->
<div id="overlay" style="display: none; position: absolute; top: 0; left: 0;
right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); justify-content: center;
align-items: center; z-index: 10;">
<img src="[Link]" alt="Loading..." style="width: 150px;">
</div>
<script>
// Firebase configuration
const firebaseConfig = {
apiKey: "AIzaSyBHdKpWiSsJg6v7bJGgCq68lYU8EKD1hWQ",
authDomain: "[Link]",
databaseURL: "[Link]
projectId: "cbetransferchecker2",
storageBucket: "[Link]",
messagingSenderId: "45384390245",
appId: "1:45384390245:web:e6b274531d8231290bd88c",
measurementId: "G-NWT6Q2CTL8"
};
// Initialize Firebase
const app = [Link](firebaseConfig);
const database = [Link]();
[Link]("Firebase initialized:", app);
function extractFTNumber(file) {
if (file) {
// Show overlay when loading starts
[Link]('overlay').[Link] = 'flex';
// Log the image path to check if it’s correct
[Link]("Attempting to load overlay image:",
[Link]('overlay').querySelector('img').src);
[Link](file, 'eng').then(({ data: { text } }) => {
const ftNumberMatch = [Link](/FT\d+[A-Z0-9]*/i);
[Link]('ftNumber').value = ftNumberMatch ?
ftNumberMatch[0] : "No FT Number found";
}).finally(() => {
// Hide overlay after processing completes
[Link]('overlay').[Link] = 'none';
});
}
}
function openLink() {
const ftNumber = [Link]("ftNumber").value;
const accountNumber = [Link]("accountNumber").value;
if (ftNumber && accountNumber) {
[Link]("accountNumber", accountNumber);
const url = `[Link]
{accountNumber}`;
[Link](url, "_blank");
incrementUserCounter();
} else {
alert("Please enter both the FT number and last 8 digits of the CBE
account number.");
}
}
function incrementUserCounter() {
const userCountRef = [Link]('globalCounter');
[Link]((currentCount) => {
return (currentCount || 0) + 1;
});
}
[Link]("DOMContentLoaded", () => {
const savedAccountNumber = [Link]("accountNumber");
if (savedAccountNumber) {
[Link]("accountNumber").value = savedAccountNumber;
}
const userCountRef = [Link]('globalCounter');
[Link]('value', (snapshot) => {
const userCount = [Link]() || 0;
[Link]("userCounter").innerText = `Total Users: $
{userCount}`;
});
});
</script>
</body>
</html>
