| .. | |||||
| image | |||||
| config.php | |||||
| coursePlayer.php | |||||
| dashboard.php | |||||
| error_log | |||||
| invite_friends.php | |||||
| login_reg.php | |||||
| profile.php | |||||
| wallet.php |
| Server IP : 139.59.11.189 / Your IP : 216.73.216.247 Web Server : LiteSpeed System : Linux Jupiter.hostitsmartserver.com 5.14.0-611.49.2.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Apr 30 09:05:08 EDT 2026 x86_64 User : xjlivlhf ( 1472) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/xjlivlhf/www/dm.hopewayindia.com/student/ |
Upload File : |
<?php
$apiBase = 'https://dm.hopewayindia.com/api';
$adminBase = 'https://dm.hopewayindia.com/admin';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Hopeway India | My Wallet</title>
<meta name="theme-color" content="#050505">
<link rel="icon" type="image/png" href="image/icon.png">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
bg: '#050505',
surface: '#0c0c0c',
card: '#111111',
card2: '#1a1a1a',
bordercol: '#222222',
accent: '#f59e0b',
accent2: '#e1306c',
danger: '#ff6b6b',
success: '#10b981',
muted: '#a0a0c0',
soft: '#8f8fb6'
},
animation: {
'fade-up': 'fadeUp 0.5s ease forwards',
'float-slow': 'floatOrb 8s ease-in-out infinite',
'spin-slow': 'spin 0.8s linear infinite'
},
keyframes: {
fadeUp: {
'0%': { opacity: 0, transform: 'translateY(15px)' },
'100%': { opacity: 1, transform: 'translateY(0)' }
},
floatOrb: {
'0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-15px)' }
}
}
}
}
}
</script>
<style>
body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; -webkit-tap-highlight-color: transparent; }
/* Scrollbar hiding for filter rows */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
/* Custom Spinner */
.spinner { border-top-color: #f59e0b; }
/* Inputs */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
</style>
</head>
<body class="bg-bg text-white min-h-screen overflow-x-hidden relative">
<div class="fixed rounded-full blur-2xl pointer-events-none z-0 bg-accent/10 w-[250px] h-[250px] md:w-[350px] md:h-[350px] -top-10 -right-10 md:-top-24 md:-right-20 animate-float-slow"></div>
<div class="fixed rounded-full blur-2xl pointer-events-none z-0 bg-purple-500/10 w-[200px] h-[200px] md:w-[250px] md:h-[250px] bottom-10 -left-10 md:bottom-20 md:-left-16 hidden sm:block"></div>
<div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 pb-20">
<div class="flex justify-between items-center gap-4 mb-6 md:mb-8 animate-fade-up">
<div class="flex items-center gap-3 md:gap-4">
<button id="backBtn" class="w-10 h-10 md:w-12 md:h-12 rounded-xl border border-white/10 bg-white/5 text-white text-lg md:text-xl font-extrabold flex items-center justify-center hover:bg-white/10 transition-colors focus:outline-none">
←
</button>
<h1 class="text-xl md:text-2xl font-black tracking-wide m-0">My Wallet</h1>
</div>
</div>
<div id="loaderWrap" class="min-h-[50vh] flex flex-col items-center justify-center text-muted font-semibold text-sm">
<div class="spinner w-10 h-10 rounded-full border-4 border-accent/15 border-t-accent animate-spin-slow mb-3"></div>
<div>Loading Wallet Data...</div>
</div>
<div id="contentRoot" style="display:none;" class="animate-fade-up">
<div class="bg-gradient-to-br from-accent/10 to-transparent border border-accent/30 rounded-[20px] p-5 md:p-6 mb-6 md:mb-8 shadow-lg shadow-accent/5">
<div class="text-accent text-[10px] md:text-xs font-black tracking-[1.5px] uppercase mb-1">Total Available Balance</div>
<div class="text-4xl md:text-5xl font-black text-white mb-4 md:mb-5 leading-none" id="balanceAmount">₹0</div>
<div class="grid grid-cols-3 gap-2 md:gap-3 bg-black/40 p-3 md:p-4 rounded-xl md:rounded-2xl border border-white/5">
<div class="text-center">
<div class="text-muted text-[9px] md:text-[11px] font-extrabold uppercase mb-1">Earned</div>
<div class="text-sm md:text-lg font-black text-success" id="earnedAmount">₹0</div>
</div>
<div class="text-center border-l border-r border-white/5">
<div class="text-muted text-[9px] md:text-[11px] font-extrabold uppercase mb-1">Withdrawn</div>
<div class="text-sm md:text-lg font-black text-danger" id="withdrawnAmount">₹0</div>
</div>
<div class="text-center">
<div class="text-muted text-[9px] md:text-[11px] font-extrabold uppercase mb-1">Pending</div>
<div class="text-sm md:text-lg font-black text-accent" id="pendingAmount">₹0</div>
</div>
</div>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 items-start">
<div class="flex flex-col gap-6">
<div class="bg-card border border-bordercol rounded-[20px] p-5 md:p-6 shadow-xl">
<h2 class="text-base md:text-lg font-black text-white mb-4 md:mb-5">Bank / UPI Details</h2>
<div id="savedPaymentBox" style="display:none;">
<div class="bg-surface border border-bordercol rounded-xl p-3.5 flex justify-between items-center mb-3">
<div class="flex-1 min-w-0 mr-3">
<div class="text-sm md:text-base font-extrabold text-white truncate" id="savedAccountHolder">Name</div>
<div class="text-xs font-semibold text-muted mt-0.5 truncate" id="savedUpiId">UPI ID</div>
</div>
<button id="editPaymentBtn" class="shrink-0 bg-white/5 border border-white/10 text-white px-4 py-2 rounded-lg text-xs font-bold hover:bg-white/10 transition-colors focus:outline-none">Edit</button>
</div>
<button id="savedQrBtn" style="display:none;" class="w-full text-left focus:outline-none group">
<div class="flex items-center gap-3 bg-surface p-2.5 rounded-xl border border-bordercol group-hover:border-accent/30 transition-colors">
<img id="savedQrImg" class="w-14 h-14 md:w-16 md:h-16 rounded-lg object-cover border border-gray-800" alt="Saved QR">
<div>
<div class="text-accent font-extrabold text-xs md:text-sm">Saved QR Code</div>
<div class="text-muted text-[10px] md:text-xs mt-0.5">Click to view fullscreen</div>
</div>
</div>
</button>
</div>
<div id="paymentFormBox" class="space-y-3 md:space-y-4">
<div>
<label class="block text-muted text-[11px] md:text-xs font-bold mb-1.5 md:mb-2">Account Holder Name</label>
<input id="accountHolderInput" class="w-full bg-surface border border-bordercol rounded-xl px-4 py-3 md:py-3.5 text-white text-sm font-medium focus:border-accent/50 focus:ring-2 focus:ring-accent/10 outline-none transition-all placeholder-gray-600" type="text" placeholder="As per bank records">
</div>
<div>
<label class="block text-muted text-[11px] md:text-xs font-bold mb-1.5 md:mb-2">UPI ID</label>
<input id="upiInput" class="w-full bg-surface border border-bordercol rounded-xl px-4 py-3 md:py-3.5 text-white text-sm font-medium focus:border-accent/50 focus:ring-2 focus:ring-accent/10 outline-none transition-all placeholder-gray-600" type="text" placeholder="e.g., yourname@okicici">
</div>
<div>
<label class="block text-muted text-[11px] md:text-xs font-bold mb-1.5 md:mb-2">Payment QR Code</label>
<input id="qrFileInput" type="file" accept="image/*" hidden>
<div id="uploadBtn" class="border-2 border-dashed border-gray-700 rounded-xl p-4 text-center cursor-pointer hover:border-accent hover:bg-accent/5 transition-all bg-white/5 flex flex-col items-center justify-center min-h-[80px]">
<div class="text-accent text-xs md:text-sm font-extrabold">📸 Upload QR / Barcode</div>
</div>
<div id="qrPreviewBox" class="flex items-center justify-between bg-surface p-2.5 rounded-xl border border-bordercol mt-2" style="display:none;">
<div class="flex items-center gap-3">
<img id="qrPreviewImg" class="w-12 h-12 rounded-md object-cover border border-gray-800" alt="Preview">
<span class="text-success text-xs font-bold">QR Selected</span>
</div>
<button id="changeQrBtn" class="bg-white/5 border border-white/10 text-white px-3 py-1.5 rounded-lg text-xs font-bold hover:bg-white/10 transition-colors focus:outline-none">Change</button>
</div>
</div>
<div id="editActions" style="display:none;" class="pt-2 flex gap-3">
<button id="updatePaymentBtn" class="flex-1 bg-danger text-white py-3 md:py-3.5 rounded-xl font-black text-sm tracking-wide shadow-lg shadow-danger/20 hover:-translate-y-0.5 transition-all focus:outline-none">Save</button>
<button id="cancelEditBtn" class="flex-1 bg-surface border border-bordercol text-white font-bold text-sm py-3 md:py-3.5 rounded-xl hover:bg-white/5 transition-colors focus:outline-none">Cancel</button>
</div>
</div>
</div>
<div class="bg-card border border-bordercol rounded-[20px] p-5 md:p-6 shadow-xl">
<h2 class="text-base md:text-lg font-black text-white mb-4 md:mb-5">Withdraw Funds</h2>
<div class="flex flex-col sm:flex-row gap-3 mb-4">
<div class="flex items-center bg-surface border border-bordercol rounded-xl px-4 flex-1 focus-within:border-accent/50 focus-within:ring-2 focus-within:ring-accent/10 transition-all h-[50px] md:h-[56px]">
<span class="text-xl md:text-2xl font-black text-muted pr-2">₹</span>
<input id="amountInput" type="number" min="0" step="1" placeholder="0" class="flex-1 bg-transparent border-0 h-full text-success text-2xl md:text-3xl font-black outline-none w-full placeholder-gray-700">
</div>
<button id="confirmBtn" class="bg-accent text-black px-6 h-[50px] md:h-[56px] rounded-xl font-black text-sm tracking-wide shadow-lg shadow-accent/20 hover:-translate-y-0.5 transition-all disabled:opacity-50 disabled:cursor-not-allowed w-full sm:w-auto shrink-0 focus:outline-none">Confirm</button>
</div>
<div>
<textarea id="notesInput" class="w-full bg-surface border border-bordercol rounded-xl px-4 py-3 text-white text-sm font-medium focus:border-accent/50 focus:ring-2 focus:ring-accent/10 outline-none transition-all min-h-[80px] resize-y placeholder-gray-600" placeholder="Add a remark (optional)"></textarea>
</div>
</div>
</div>
<div class="bg-card border border-bordercol rounded-[20px] shadow-xl overflow-hidden flex flex-col h-full min-h-[400px]">
<div class="flex px-2 md:px-4 pt-2 border-b border-bordercol bg-black/20">
<button id="withdrawalsTab" class="tab-btn flex-1 text-muted text-xs md:text-sm font-extrabold py-3 border-b-2 border-transparent transition-colors data-[active=true]:text-accent data-[active=true]:border-accent focus:outline-none" data-active="true">Requests</button>
<button id="transactionsTab" class="tab-btn flex-1 text-muted text-xs md:text-sm font-extrabold py-3 border-b-2 border-transparent transition-colors data-[active=true]:text-accent data-[active=true]:border-accent focus:outline-none">Ledger</button>
</div>
<div class="bg-black/40 border-b border-bordercol/50">
<div id="withdrawFilterWrap" class="flex gap-2 px-4 py-3 overflow-x-auto no-scrollbar">
<button class="filter-pill w-filter bg-surface border border-bordercol text-muted px-3 py-1.5 rounded-full text-[10px] md:text-xs font-bold whitespace-nowrap transition-colors data-[active=true]:bg-accent/15 data-[active=true]:border-accent/30 data-[active=true]:text-accent focus:outline-none" data-filter="all" data-active="true">All</button>
<button class="filter-pill w-filter bg-surface border border-bordercol text-muted px-3 py-1.5 rounded-full text-[10px] md:text-xs font-bold whitespace-nowrap transition-colors data-[active=true]:bg-accent/15 data-[active=true]:border-accent/30 data-[active=true]:text-accent focus:outline-none" data-filter="pending">Pending</button>
<button class="filter-pill w-filter bg-surface border border-bordercol text-muted px-3 py-1.5 rounded-full text-[10px] md:text-xs font-bold whitespace-nowrap transition-colors data-[active=true]:bg-accent/15 data-[active=true]:border-accent/30 data-[active=true]:text-accent focus:outline-none" data-filter="approved">Approved</button>
<button class="filter-pill w-filter bg-surface border border-bordercol text-muted px-3 py-1.5 rounded-full text-[10px] md:text-xs font-bold whitespace-nowrap transition-colors data-[active=true]:bg-accent/15 data-[active=true]:border-accent/30 data-[active=true]:text-accent focus:outline-none" data-filter="rejected">Rejected</button>
</div>
<div id="transactionFilterWrap" class="flex gap-2 px-4 py-3 overflow-x-auto no-scrollbar" style="display:none;">
<button class="filter-pill t-filter bg-surface border border-bordercol text-muted px-3 py-1.5 rounded-full text-[10px] md:text-xs font-bold whitespace-nowrap transition-colors data-[active=true]:bg-accent/15 data-[active=true]:border-accent/30 data-[active=true]:text-accent focus:outline-none" data-filter="all" data-active="true">All</button>
<button class="filter-pill t-filter bg-surface border border-bordercol text-muted px-3 py-1.5 rounded-full text-[10px] md:text-xs font-bold whitespace-nowrap transition-colors data-[active=true]:bg-accent/15 data-[active=true]:border-accent/30 data-[active=true]:text-accent focus:outline-none" data-filter="credit">Credits (+)</button>
<button class="filter-pill t-filter bg-surface border border-bordercol text-muted px-3 py-1.5 rounded-full text-[10px] md:text-xs font-bold whitespace-nowrap transition-colors data-[active=true]:bg-accent/15 data-[active=true]:border-accent/30 data-[active=true]:text-accent focus:outline-none" data-filter="debit">Debits (-)</button>
</div>
</div>
<div id="historyContent" class="p-0 overflow-y-auto max-h-[500px]"></div>
</div>
</div>
</div>
</div>
<div id="toast" class="fixed right-4 bottom-4 md:right-6 md:bottom-6 z-50 px-4 py-3 md:px-5 md:py-4 rounded-xl bg-card border border-bordercol shadow-2xl hidden font-bold text-xs md:text-sm animate-fade-up max-w-[90vw] md:max-w-sm w-full md:w-auto"></div>
<div id="imageModal" class="fixed inset-0 bg-black/95 z-[100] hidden items-center justify-center p-4 backdrop-blur-sm">
<button id="previewCloseBtn" class="absolute top-4 right-4 md:top-8 md:right-8 w-10 h-10 bg-white/10 rounded-full text-white text-lg flex items-center justify-center hover:bg-white/20 transition-colors focus:outline-none shadow-xl">✕</button>
<img id="previewImg" class="max-w-full max-h-[85vh] object-contain rounded-lg" alt="Fullscreen Preview">
</div>
<script>
const API_BASE = <?php echo json_encode($apiBase, JSON_UNESCAPED_SLASHES); ?>;
let studentId = null;
let studentToken = "";
let wallet = null;
let transactions = [];
let withdrawals = [];
// State
let activeTab = "withdrawals";
let withdrawFilter = "all";
let transactionFilter = "all";
let showFullForm = false;
let selectedQrFile = null;
let selectedQrPreview = null;
// Elements
const el = (id) => document.getElementById(id);
const contentRoot = el("contentRoot");
const loaderWrap = el("loaderWrap");
function showToast(type, msg) {
const t = el("toast");
t.className = `fixed right-4 bottom-4 md:right-6 md:bottom-6 z-50 px-4 py-3 md:px-5 md:py-4 rounded-xl bg-card border shadow-2xl font-bold text-xs md:text-sm animate-fade-up block max-w-[90vw] md:max-w-sm w-full md:w-auto ${type === 'success' ? 'border-success/40 text-success' : 'border-danger/40 text-danger'}`;
t.textContent = msg;
clearTimeout(showToast.timer);
showToast.timer = setTimeout(() => { t.style.display = "none"; }, 3000);
}
function formatAmount(val) { return Number(val || 0).toFixed(0); }
function resolveImageUrl(url) {
if (!url) return null;
if (url.startsWith("http")) return url;
let base = API_BASE.replace(/\/+$/, "");
if (base.endsWith("/api")) base = base.slice(0, -4);
return base + (url.startsWith("/") ? url : "/" + url);
}
function openPreview(url) {
if (!url) return;
el("previewImg").src = url;
el("imageModal").classList.remove("hidden");
el("imageModal").classList.add("flex");
document.body.style.overflow = "hidden";
}
function closePreview() {
el("imageModal").classList.add("hidden");
el("imageModal").classList.remove("flex");
el("previewImg").src = "";
document.body.style.overflow = "";
}
function renderSummary() {
el("balanceAmount").textContent = "₹" + formatAmount(wallet?.available_balance);
el("earnedAmount").textContent = "₹" + formatAmount(wallet?.credits);
el("withdrawnAmount").textContent = "₹" + formatAmount(wallet?.debits);
el("pendingAmount").textContent = "₹" + formatAmount(wallet?.pending_withdrawals);
}
function renderPaymentMethod() {
const hasHistory = withdrawals.length > 0;
const latest = hasHistory ? withdrawals[0] : null;
if (hasHistory && !showFullForm) {
el("savedPaymentBox").style.display = "block";
el("paymentFormBox").style.display = "none";
el("savedAccountHolder").textContent = latest.account_holder || "";
el("savedUpiId").textContent = latest.upi_id || "";
const qrUrl = resolveImageUrl(latest.qr_image);
if (qrUrl) {
el("savedQrBtn").style.display = "block";
el("savedQrImg").src = qrUrl;
} else {
el("savedQrBtn").style.display = "none";
}
return;
}
el("savedPaymentBox").style.display = "none";
el("paymentFormBox").style.display = "block";
el("editActions").style.display = (hasHistory && showFullForm) ? "flex" : "none";
if (selectedQrPreview) {
el("qrPreviewBox").style.display = "flex";
el("qrPreviewImg").src = selectedQrPreview;
el("uploadBtn").style.display = "none";
} else {
el("qrPreviewBox").style.display = "none";
el("uploadBtn").style.display = "flex";
}
}
function getBadgeHtml(status) {
const s = String(status || "").toLowerCase();
let colorClass = "bg-accent/15 text-accent border border-accent/20";
if (s === "approved") colorClass = "bg-success/15 text-success border border-success/20";
if (s === "rejected") colorClass = "bg-danger/15 text-danger border border-danger/20";
return `<div class="inline-block px-2 py-0.5 rounded text-[9px] md:text-[10px] font-black uppercase tracking-wider ${colorClass}">${status}</div>`;
}
function renderHistoryList() {
const container = el("historyContent");
if (activeTab === "withdrawals") {
let list = withdrawFilter === 'all' ? withdrawals : withdrawals.filter(w => String(w.status||"pending").toLowerCase() === withdrawFilter);
if (!list.length) {
container.innerHTML = `<div class="text-center text-soft py-12 font-semibold text-xs md:text-sm">No ${withdrawFilter !== 'all' ? withdrawFilter : ''} requests found.</div>`; return;
}
container.innerHTML = list.map(item => {
const qrUrl = resolveImageUrl(item.qr_image);
const proofUrl = resolveImageUrl(item.payment_proof);
return `
<div class="p-4 md:p-5 border-b border-bordercol last:border-0 hover:bg-white/[0.02] transition-colors">
<div class="flex justify-between items-start mb-2">
<div class="flex items-center gap-3 flex-1 min-w-0 pr-3">
<div class="w-8 h-8 md:w-10 md:h-10 rounded-full grid place-items-center text-sm md:text-base font-black shrink-0 bg-accent/10 text-accent">₹</div>
<div class="min-w-0">
<div class="text-xs md:text-sm font-extrabold text-white truncate leading-tight">${item.account_holder}</div>
<div class="text-[10px] md:text-xs text-muted font-semibold truncate mt-0.5">${item.upi_id}</div>
</div>
</div>
<div class="text-right shrink-0">
<div class="text-sm md:text-base font-black text-white mb-1">₹${formatAmount(item.amount)}</div>
${getBadgeHtml(item.status)}
</div>
</div>
<div class="pl-11 md:pl-13">
${item.notes ? `<div class="text-[11px] md:text-xs text-gray-500 italic mb-1.5 line-clamp-2">"${item.notes}"</div>` : ''}
${item.admin_note ? `<div class="text-[10px] md:text-[11px] text-accent bg-accent/5 border border-accent/10 px-2 py-1.5 rounded flex gap-1 items-start mt-1"><span class="font-black mt-0.5">↳</span> <span class="font-bold leading-snug">${item.admin_note}</span></div>` : ''}
<div class="flex flex-wrap gap-x-4 gap-y-2 mt-2 items-center">
<span class="text-[9px] md:text-[10px] text-gray-600 font-bold tracking-wide">${item.created_at}</span>
<div class="flex gap-3 ml-auto">
${qrUrl ? `<button class="view-link bg-transparent border-0 text-purple-400 hover:text-purple-300 text-[10px] md:text-xs font-black cursor-pointer uppercase tracking-wide focus:outline-none" data-preview="${qrUrl}">VIEW QR</button>` : ''}
${proofUrl ? `<button class="view-link bg-transparent border-0 text-success hover:text-green-400 text-[10px] md:text-xs font-black cursor-pointer uppercase tracking-wide focus:outline-none" data-preview="${proofUrl}">RECEIPT</button>` : ''}
</div>
</div>
</div>
</div>
`;
}).join("");
} else {
let list = transactionFilter === 'all' ? transactions : transactions.filter(t => String(t.type||"").toLowerCase() === transactionFilter);
if (!list.length) {
container.innerHTML = `<div class="text-center text-soft py-12 font-semibold text-xs md:text-sm">No ${transactionFilter !== 'all' ? transactionFilter : ''} transactions found.</div>`; return;
}
container.innerHTML = list.map(item => {
const isCredit = String(item.type).toLowerCase() === "credit";
return `
<div class="p-4 md:p-5 border-b border-bordercol last:border-0 hover:bg-white/[0.02] transition-colors flex justify-between items-center gap-3">
<div class="flex items-center gap-3 flex-1 min-w-0">
<div class="w-8 h-8 md:w-10 md:h-10 rounded-full grid place-items-center text-sm md:text-base font-black shrink-0 ${isCredit ? 'bg-success/10 text-success' : 'bg-white/5 text-white'}">${isCredit ? '+' : '-'}</div>
<div class="min-w-0">
<div class="text-xs md:text-sm font-extrabold text-white truncate leading-tight">${item.description || item.source || (isCredit ? 'Deposit' : 'Charge')}</div>
<div class="text-[9px] md:text-[10px] text-gray-600 font-bold tracking-wide mt-1">${item.created_at}</div>
</div>
</div>
<div class="text-right shrink-0">
<div class="text-sm md:text-base font-black ${isCredit ? 'text-success' : 'text-white'} leading-none mb-1">${isCredit ? '+' : '-'}₹${formatAmount(item.amount)}</div>
<div class="text-[9px] md:text-[10px] text-muted font-bold uppercase tracking-wider">${item.status}</div>
</div>
</div>
`;
}).join("");
}
}
function updateTabsAndFilters() {
document.querySelectorAll(".tab-btn").forEach(btn => btn.setAttribute("data-active", "false"));
el(activeTab + "Tab").setAttribute("data-active", "true");
el("withdrawFilterWrap").style.display = activeTab === "withdrawals" ? "flex" : "none";
el("transactionFilterWrap").style.display = activeTab === "transactions" ? "flex" : "none";
renderHistoryList();
}
async function fetchWallet() {
try {
const res = await fetch(`${API_BASE}/student_wallet.php?student_id=${studentId}&token=${encodeURIComponent(studentToken)}&t=${Date.now()}`);
const data = await res.json();
// ── Single-device session check (initial load) ────────────────────
// NOTE: localStorage.clear() yahan nahi — sirf polling se auto-logout hoga.
if (data.session_expired) {
showToast("error", data.message || "Your session has expired. Please login again.");
setTimeout(() => { localStorage.clear(); redirectToLogin(); }, 2000);
return;
}
// ──────────────────────────────────────────────────────────────────
if (!data.success) throw new Error(data.message);
wallet = data.wallet || null;
transactions = data.transactions || [];
withdrawals = data.withdraw_requests || [];
if (withdrawals.length > 0) {
el("accountHolderInput").value = withdrawals[0].account_holder || "";
el("upiInput").value = withdrawals[0].upi_id || "";
}
renderSummary();
renderPaymentMethod();
renderHistoryList();
} catch (err) {
showToast("error", err.message || "Failed to load data.");
} finally {
loaderWrap.style.display = "none";
contentRoot.style.display = "block";
}
}
async function submitWithdraw() {
const amount = el("amountInput").value.trim();
const name = el("accountHolderInput").value.trim();
const upi = el("upiInput").value.trim();
const notes = el("notesInput").value.trim();
if (!amount || amount <= 0) return showToast("error", "Enter valid amount");
if (!name) return showToast("error", "Enter account name");
if (!upi.includes("@")) return showToast("error", "Enter valid UPI");
if ((!withdrawals.length || showFullForm) && !selectedQrFile && !selectedQrPreview) return showToast("error", "Upload QR Code");
const btn = el("confirmBtn");
btn.disabled = true; btn.textContent = "Processing...";
try {
const fd = new FormData();
fd.append("student_id", studentId);
fd.append("amount", amount);
fd.append("upi_id", upi);
fd.append("account_holder", name);
fd.append("notes", notes);
if (selectedQrFile) fd.append("qr_image", selectedQrFile, `qr_${Date.now()}.jpg`);
else if (withdrawals.length && withdrawals[0].qr_image) fd.append("existing_qr_image", withdrawals[0].qr_image);
const res = await fetch(`${API_BASE}/student_withdraw.php`, { method: "POST", body: fd });
const data = await res.json();
if (!data.success) throw new Error(data.message);
showToast("success", "Withdrawal request sent!");
el("amountInput").value = ""; el("notesInput").value = "";
selectedQrFile = null; selectedQrPreview = null; showFullForm = false;
activeTab = "withdrawals"; withdrawFilter = "all";
document.querySelectorAll('.w-filter').forEach(p => p.setAttribute('data-active', 'false'));
document.querySelector('.w-filter[data-filter="all"]').setAttribute('data-active', 'true');
await fetchWallet();
updateTabsAndFilters();
} catch (e) {
showToast("error", e.message || "Request failed");
} finally {
btn.disabled = false; btn.textContent = "Submit Request";
}
}
// Event Listeners
el("backBtn").onclick = () => window.history.length > 1 ? window.history.back() : window.location.href="dashboard.php";
el("editPaymentBtn").onclick = () => {
showFullForm = true; selectedQrFile = null; selectedQrPreview = null;
if (withdrawals.length) {
el("accountHolderInput").value = withdrawals[0].account_holder;
el("upiInput").value = withdrawals[0].upi_id;
if(withdrawals[0].qr_image) selectedQrPreview = resolveImageUrl(withdrawals[0].qr_image);
}
renderPaymentMethod();
};
el("cancelEditBtn").onclick = () => { showFullForm = false; renderPaymentMethod(); };
el("updatePaymentBtn").onclick = () => {
if(!el("accountHolderInput").value.trim() || !el("upiInput").value.includes("@")) return showToast("error", "Fill valid details");
showToast("success", "Details stored for next withdrawal.");
showFullForm = false; renderPaymentMethod();
};
const fileInput = el("qrFileInput");
el("uploadBtn").onclick = () => fileInput.click();
el("changeQrBtn").onclick = () => fileInput.click();
fileInput.onchange = () => {
if(fileInput.files[0]) {
selectedQrFile = fileInput.files[0];
selectedQrPreview = URL.createObjectURL(fileInput.files[0]);
renderPaymentMethod();
}
};
el("confirmBtn").onclick = submitWithdraw;
el("withdrawalsTab").onclick = () => { activeTab = "withdrawals"; updateTabsAndFilters(); };
el("transactionsTab").onclick = () => { activeTab = "transactions"; updateTabsAndFilters(); };
document.querySelectorAll(".w-filter").forEach(btn => btn.onclick = (e) => {
document.querySelectorAll(".w-filter").forEach(b => b.setAttribute("data-active", "false"));
e.target.setAttribute("data-active", "true");
withdrawFilter = e.target.getAttribute("data-filter");
renderHistoryList();
});
document.querySelectorAll(".t-filter").forEach(btn => btn.onclick = (e) => {
document.querySelectorAll(".t-filter").forEach(b => b.setAttribute("data-active", "false"));
e.target.setAttribute("data-active", "true");
transactionFilter = e.target.getAttribute("data-filter");
renderHistoryList();
});
el("savedQrBtn").onclick = () => openPreview(el("savedQrImg").src);
el("historyContent").onclick = (e) => {
const btn = e.target.closest(".view-link");
if (btn) openPreview(btn.getAttribute("data-preview"));
};
el("previewCloseBtn").onclick = closePreview;
el("imageModal").onclick = (e) => { if(e.target === el("imageModal")) closePreview(); };
function redirectToLogin() { window.location.href="login_reg.php"; }
// ── Auto-logout polling — Init se PEHLE define karna zaroori hai ──────────
var _sessionPollTimer = null; // var use karo — let TDZ bug se bachne ke liye
function startSessionPolling() {
if (_sessionPollTimer) return;
_sessionPollTimer = setInterval(async () => {
if (!studentId || !studentToken) return;
try {
const res = await fetch(
`${API_BASE}/check_session.php?student_id=${studentId}&token=${encodeURIComponent(studentToken)}&t=${Date.now()}`
);
const data = await res.json();
if (data.session_expired || !data.valid) {
clearInterval(_sessionPollTimer);
localStorage.clear();
alert(data.message || "Your account has been logged in on another device. You have been automatically logged out.");
redirectToLogin();
}
} catch (e) {
// Network error — silently ignore
}
}, 20000); // 20 seconds
}
// ─────────────────────────────────────────────────────────────────────────
// Init
const stdData = localStorage.getItem("student_data");
if(stdData) {
const parsed = JSON.parse(stdData);
studentToken = localStorage.getItem("student_token") || "";
if(parsed.id && studentToken) {
studentId = parsed.id;
fetchWallet();
startSessionPolling(); // ← Ab safe hai, pehle define ho chuka
} else { localStorage.clear(); redirectToLogin(); }
} else redirectToLogin();
</script>
</body>
</html>| .. | |||||
| image | |||||
| config.php | |||||
| coursePlayer.php | |||||
| dashboard.php | |||||
| error_log | |||||
| invite_friends.php | |||||
| login_reg.php | |||||
| profile.php | |||||
| wallet.php |