| .. | |||||
| 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 | Dashboard</title>
<meta name="theme-color" content="#050505">
<meta property="og:title" content="HOPEWAY INDIA | Dashboard">
<meta property="og:image" content="image/icon.png">
<link rel="icon" type="image/png" href="image/icon.png">
<link rel="apple-touch-icon" href="image/icon.png">
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<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.6s ease forwards',
'float-slow': 'floatOrb 8s ease-in-out infinite',
'slide-up': 'slideUp 0.3s ease forwards',
'spin-slow': 'spin 0.8s linear infinite'
},
keyframes: {
fadeUp: {
'0%': { opacity: 0, transform: 'translateY(15px)' },
'100%': { opacity: 1, transform: 'translateY(0)' }
},
slideUp: {
'0%': { opacity: 0, transform: 'translateY(20px) scale(0.98)' },
'100%': { opacity: 1, transform: 'translateY(0) scale(1)' }
},
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; }
.spinner { border-top-color: #f59e0b; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
</style>
</head>
<body class="bg-bg text-white min-h-screen overflow-x-hidden relative">
<div class="fixed rounded-full blur-[6px] 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-[6px] 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-6xl mx-auto px-4 md:px-6 lg:px-8 py-6 md:py-8 pb-20">
<header class="flex items-center justify-between gap-1 mb-8 md:mb-10 animate-fade-up">
<div class="flex items-center gap-2 md:gap-3 min-w-0 pr-1">
<img class="w-12 h-12 md:w-14 md:h-14 rounded-full object-contain bg-white shrink-0 p-0.5" src="image/logo.png" alt="Logo" onerror="this.style.display='none'">
<div class="min-w-0">
<div class="text-muted text-[9px] md:text-[11px] font-bold tracking-[1px] md:tracking-[1.5px] uppercase mb-0.5 truncate">Welcome to Hopeway India</div>
<div class="text-[14px] md:text-xl font-black leading-tight truncate" id="studentName">Student</div>
</div>
</div>
<div class="flex items-center gap-2 md:gap-4 shrink-0">
<button id="walletBtn" class="bg-white/5 border border-white/10 text-gray-200 px-3 py-2 md:px-5 md:py-2.5 rounded-md md:rounded-lg text-[11px] md:text-sm font-bold hover:bg-white/10 transition-colors focus:outline-none" style="display:none;">Wallet</button>
<button id="logoutBtn" class="bg-red-950/20 border border-danger/40 text-danger px-3 py-2 md:px-5 md:py-2.5 rounded-md md:rounded-lg text-[11px] md:text-sm font-bold hover:bg-danger/10 transition-colors focus:outline-none">Logout</button>
<div id="profileBtn" class="w-10 h-10 md:w-12 md:h-12 rounded-full border border-white/10 bg-white/5 flex shrink-0 items-center justify-center text-sm md:text-lg overflow-hidden cursor-pointer hover:border-accent/50 transition-colors" title="Profile">
<span id="avatarFallback">👤</span>
<img id="avatarImg" class="w-full h-full object-cover hidden" alt="Profile">
</div>
</div>
</header>
<section class="bg-card border border-accent/30 rounded-[20px] md:rounded-[24px] p-5 md:p-6 shadow-lg shadow-accent/5 mb-8 animate-fade-up" style="animation-delay: 0.1s;">
<div class="inline-flex items-center px-3 py-1.5 rounded-full border border-accent/40 bg-accent/15 text-accent text-[9px] md:text-[10px] font-black tracking-wider uppercase mb-4">✦ DOMINATE 2026</div>
<h1 class="text-2xl md:text-4xl font-black leading-tight mb-3 md:mb-4 max-w-2xl">Digital Marketing <span class="text-accent">with AI</span> 🚀</h1>
<p class="text-muted text-xs md:text-sm leading-relaxed max-w-2xl">Master ChatGPT, Midjourney & Automation to scale your income 10x faster than traditional marketers.</p>
</section>
<section class="grid grid-cols-2 lg:grid-cols-4 gap-3 md:gap-4 mb-8 md:mb-10 animate-fade-up" style="animation-delay: 0.2s;">
<div class="bg-white/[0.03] border border-white/5 rounded-xl p-4">
<div class="text-2xl md:text-3xl mb-2">🤖</div>
<div class="font-extrabold text-sm mb-1">AI Mastery</div>
<div class="text-[10px] md:text-xs text-gray-500 leading-snug">Learn 15+ Advanced Tools</div>
</div>
<div class="bg-white/[0.03] border border-white/5 rounded-xl p-4">
<div class="text-2xl md:text-3xl mb-2">🚀</div>
<div class="font-extrabold text-sm mb-1">Automation</div>
<div class="text-[10px] md:text-xs text-gray-500 leading-snug">Save 20 Hours a Week</div>
</div>
<div class="bg-white/[0.03] border border-white/5 rounded-xl p-4">
<div class="text-2xl md:text-3xl mb-2">📈</div>
<div class="font-extrabold text-sm mb-1">High ROI</div>
<div class="text-[10px] md:text-xs text-gray-500 leading-snug">Data-driven Ad Scalability</div>
</div>
<div class="bg-white/[0.03] border border-white/5 rounded-xl p-4">
<div class="text-2xl md:text-3xl mb-2">💸</div>
<div class="font-extrabold text-sm mb-1">Agency Playbook</div>
<div class="text-[10px] md:text-xs text-gray-500 leading-snug">Client Acquisition Secrets</div>
</div>
</section>
<div id="loadingBox" class="py-12 md:py-16 text-center text-soft flex flex-col items-center">
<div class="spinner w-8 h-8 md:w-10 md:h-10 rounded-full border-4 border-accent/15 border-t-accent animate-spin-slow mb-3"></div>
<span class="text-sm font-bold">Loading Hub...</span>
</div>
<div id="contentRoot" style="display:none;">
<section id="myLearningSection" class="mb-8 md:mb-10" style="display:none;">
<h2 class="text-xl md:text-2xl font-black mb-4 md:mb-5">🏆 My Learning</h2>
<div id="enrolledCourses" class="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-5"></div>
</section>
<section id="availableSection" class="mb-8 md:mb-10" style="display:none;">
<h2 id="availableTitle" class="text-xl md:text-2xl font-black mb-4 md:mb-5">👑 Unlock The Masterclass</h2>
<div id="availableCourses" class="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-5"></div>
</section>
<div id="emptyBox" class="text-center text-soft py-12 md:py-16 text-sm font-semibold" style="display:none;">No premium courses available at the moment.</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 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="courseModal" class="fixed inset-0 z-40 hidden items-end sm:items-center justify-center bg-black/90 p-0 sm:p-4 backdrop-blur-sm">
<div class="w-full sm:max-w-xl max-h-[85vh] sm:max-h-[90vh] overflow-y-auto bg-card sm:border border-bordercol rounded-t-[24px] sm:rounded-3xl p-5 md:p-6 pb-8 animate-slide-up relative shadow-2xl">
<button id="closeModalBtn" class="absolute top-4 right-4 md:top-5 md:right-5 w-8 h-8 md:w-9 md:h-9 bg-white/10 rounded-full text-white flex items-center justify-center hover:bg-white/20 transition-colors focus:outline-none font-bold text-sm">✕</button>
<div id="modalDetailView">
<h3 id="modalCourseTitle" class="text-xl md:text-2xl font-black leading-tight mt-2 md:mt-3 mb-3 pr-8"></h3>
<div id="modalCourseDesc" class="text-xs md:text-sm text-gray-400 leading-relaxed mb-4"></div>
<div class="bg-success/5 border border-success/15 rounded-xl p-4 mb-5">
<div class="text-success text-[11px] md:text-xs font-bold mb-2">✓ Lifetime Access included</div>
<div class="text-success text-[11px] md:text-xs font-bold mb-2">✓ Instant AI Prompt Library</div>
<div class="text-success text-[11px] md:text-xs font-bold">✓ Future Updates for Free</div>
</div>
<div class="flex flex-wrap gap-2 md:gap-3 mb-6">
<div id="modalLessonCount" class="bg-card2 border border-bordercol px-3 py-1.5 rounded-full text-[10px] md:text-[11px] font-bold"></div>
<div id="modalDuration" class="bg-card2 border border-bordercol px-3 py-1.5 rounded-full text-[10px] md:text-[11px] font-bold" style="display:none;"></div>
</div>
<div class="flex items-center gap-3 mb-6">
<div id="modalPrice" class="text-3xl md:text-4xl font-black"></div>
<div class="bg-accent/20 border border-accent/40 text-accent text-[9px] md:text-[10px] font-extrabold tracking-wider px-2.5 py-1 rounded-full">LTO OFFER</div>
</div>
<button id="buyBtn" class="w-full h-[50px] md:h-[56px] rounded-xl bg-accent text-black text-sm font-black tracking-wide shadow-lg shadow-accent/30 hover:opacity-90 transition-opacity focus:outline-none disabled:opacity-60 disabled:cursor-not-allowed">PAY SECURELY</button>
</div>
<div id="modalSuccessView" class="text-center py-6" style="display:none;">
<div class="w-16 h-16 md:w-20 md:h-20 mx-auto mb-5 rounded-full bg-accent/15 grid place-items-center">
<img src="image/icon.png" alt="Success" class="w-3/4 h-3/4 object-contain" onerror="this.style.display='none'">
</div>
<div class="text-xl md:text-2xl font-black mb-2">Welcome to HOPEWAY INDIA </div>
<div class="text-muted text-xs md:text-sm mb-1">You have successfully enrolled in</div>
<div id="successCourseName" class="text-sm md:text-base font-extrabold text-accent mb-6"></div>
<button id="beginTrainingBtn" class="w-full h-[50px] md:h-[56px] rounded-xl bg-accent text-black text-sm font-black tracking-wide shadow-lg shadow-accent/30 hover:opacity-90 transition-opacity focus:outline-none">BEGIN TRAINING</button>
</div>
</div>
</div>
<script>
const API_BASE = <?php echo json_encode($apiBase, JSON_UNESCAPED_SLASHES); ?>;
const ADMIN_BASE = <?php echo json_encode($adminBase, JSON_UNESCAPED_SLASHES); ?>;
let studentId = null;
let studentToken = "";
let studentName = "Student";
let studentEmail = "";
let referralCode = "---";
let earnings = 0;
let profilePhoto = null;
let courses = [];
let enrolledIds = [];
let selectedCourse = null;
let paying = false;
// Elements
const el = (id) => document.getElementById(id);
const loadingBox = el("loadingBox");
const contentRoot = el("contentRoot");
const studentNameEl = el("studentName");
const avatarImg = el("avatarImg");
const avatarFallback = el("avatarFallback");
const walletBtn = el("walletBtn");
const myLearningSection = el("myLearningSection");
const availableSection = el("availableSection");
const enrolledCoursesEl = el("enrolledCourses");
const availableCoursesEl = el("availableCourses");
const emptyBox = el("emptyBox");
const courseModal = el("courseModal");
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 ytId(url) {
const m = (url || "").match(/(?:youtu\.be\/|v=|embed\/)([A-Za-z0-9_-]{11})/);
return m ? m[1] : "";
}
function rupees(val) {
const amt = Number(val || 0);
return "₹" + (Number.isFinite(amt) ? amt.toFixed(0) : "0");
}
function isEnrolled(id) { return enrolledIds.includes(Number(id)); }
function updateProfileUi() {
studentNameEl.textContent = studentName || "Student";
const photoUri = profilePhoto ? API_BASE.replace("/api", "") + "/" + String(profilePhoto).replace(/^\/+/, "") : "";
if (photoUri) {
avatarImg.src = photoUri;
avatarImg.classList.remove("hidden");
avatarFallback.classList.add("hidden");
} else {
avatarImg.classList.add("hidden");
avatarFallback.classList.remove("hidden");
}
}
async function postJson(url, payload) {
const res = await fetch(url, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) });
const text = await res.text();
try { return JSON.parse(text); } catch (e) { throw new Error("Invalid response."); }
}
async function fetchDashboard(id) {
loadingBox.style.display = "flex";
contentRoot.style.display = "none";
try {
const res = await fetch(`${API_BASE}/student_dashboard.php?student_id=${id}&token=${encodeURIComponent(studentToken)}&t=${Date.now()}`);
const data = await res.json();
// ── Single-device session check (initial load) ────────────────────
// NOTE: localStorage.clear() yahan nahi karenge — sirf polling se auto-logout hoga.
// Agar immediately clear karein to login loop ban jata hai.
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);
const st = data.student || {};
const wal = data.wallet || {};
studentName = st.name || "Student";
referralCode = st.referral_code || "---";
earnings = Number(wal.available_balance ?? st.earnings ?? 0);
courses = data.courses || [];
enrolledIds = (data.purchased_course_ids || []).map(Number);
if (st.email) studentEmail = st.email;
if (st.profile_photo) profilePhoto = st.profile_photo;
localStorage.setItem("student_name", studentName);
localStorage.setItem("referral_code", referralCode);
localStorage.setItem("student_earnings", String(earnings));
localStorage.setItem("enrolled_ids", JSON.stringify(enrolledIds));
localStorage.setItem("student_data", JSON.stringify(st));
updateProfileUi();
renderDashboard();
} catch (err) {
showToast("error", err.message || "Failed to load dashboard");
} finally {
loadingBox.style.display = "none";
contentRoot.style.display = "block";
}
}
function renderMediaHtml(course, emoji) {
const serverThumb = course.thumbnail ? `${ADMIN_BASE}/${String(course.thumbnail).replace(/^\/+/, "")}` : "";
const intro = course.intro_video ? `${ADMIN_BASE}/${String(course.intro_video).replace(/^\/+/, "")}` : "";
const firstLes = Array.isArray(course.lessons) ? course.lessons.find(i => i.video_url) : null;
const vId = firstLes ? ytId(firstLes.video_url) : "";
const ytThumb = vId ? `https://img.youtube.com/vi/${vId}/mqdefault.jpg` : "";
const thumb = serverThumb || ytThumb;
if (intro) return `<div class="relative w-full h-[180px] md:h-[200px] bg-card2 overflow-hidden flex items-center justify-center"><video preload="metadata" controls poster="${thumb}" class="w-full h-full object-cover"><source src="${intro}"></video></div>`;
if (vId) return `<div class="relative w-full h-[180px] md:h-[200px] bg-card2 overflow-hidden flex items-center justify-center"><img src="${thumb}" class="w-full h-full object-cover"><div class="absolute inset-0 grid place-items-center bg-black/30 text-white text-4xl">▶</div></div>`;
if (thumb) return `<div class="relative w-full h-[180px] md:h-[200px] bg-card2 overflow-hidden flex items-center justify-center"><img src="${thumb}" class="w-full h-full object-cover"></div>`;
return `<div class="relative w-full h-[180px] md:h-[200px] bg-card2 overflow-hidden flex items-center justify-center text-4xl">${emoji}</div>`;
}
function renderDashboard() {
const enrolled = courses.filter(c => isEnrolled(c.id));
const available = courses.filter(c => !isEnrolled(c.id));
walletBtn.style.display = enrolled.length > 0 ? "block" : "none";
if (enrolled.length) {
myLearningSection.style.display = "block";
enrolledCoursesEl.innerHTML = enrolled.map(c => `
<div>
<div class="bg-surface border border-accent/30 rounded-[20px] overflow-hidden shadow-lg">
${renderMediaHtml(c, "🚀")}
<div class="p-4 md:p-5">
<div class="text-accent text-[9px] md:text-[10px] font-black tracking-widest mb-1 uppercase">PURCHASED</div>
<div class="text-base md:text-lg font-black text-white leading-tight mb-3 line-clamp-2 h-[42px]">${c.name}</div>
<div class="flex justify-between items-center mb-4">
<div class="text-xs font-bold text-muted">${c.lessons?.length || 0} Lessons</div>
<button 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 focus:outline-none" data-action="share" data-id="${c.id}">🔗 Share</button>
</div>
<button class="w-full bg-white/5 border border-white/10 text-white py-3 rounded-xl text-xs font-extrabold tracking-wide hover:bg-white/10 focus:outline-none" data-action="open-course" data-id="${c.id}">VIEW CHAPTERS</button>
</div>
</div>
<button class="w-full mt-3 bg-accent/10 border border-accent/30 text-accent py-3 rounded-xl text-xs md:text-sm font-black focus:outline-none" data-action="invite">🎁 Invite Friends</button>
</div>
`).join("");
} else {
myLearningSection.style.display = "none";
enrolledCoursesEl.innerHTML = "";
}
if (available.length) {
availableSection.style.display = "block";
el("availableTitle").textContent = enrolled.length ? "🚀 Add-on Masterclasses" : "👑 Unlock The Masterclass";
availableCoursesEl.innerHTML = available.map(c => `
<div class="bg-surface border border-bordercol rounded-[20px] overflow-hidden shadow-lg">
${renderMediaHtml(c, "📚")}
<div class="p-4 md:p-5">
<div class="text-base md:text-lg font-black text-white leading-tight mb-2 line-clamp-2 h-[42px]">${c.name}</div>
<div class="text-xs text-gray-400 mb-4 line-clamp-2 min-h-[32px]">${c.description || "Learn the proven systems and AI prompts."}</div>
<div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 pt-4 border-t border-bordercol">
<div class="text-xl md:text-2xl font-black text-white">${rupees(c.price)}</div>
<div class="flex gap-2 w-full sm:w-auto">
<button class="flex-1 sm:flex-none bg-transparent border border-white/20 text-gray-200 px-3 py-2 md:py-2.5 rounded-lg text-[10px] md:text-xs font-black uppercase tracking-wider hover:bg-white/5 focus:outline-none" data-action="syllabus" data-id="${c.id}">Syllabus</button>
<button class="flex-1 sm:flex-none bg-accent border-0 text-black px-4 py-2 md:py-2.5 rounded-lg text-[10px] md:text-xs font-black uppercase tracking-wider hover:opacity-90 focus:outline-none" data-action="buy" data-id="${c.id}">Unlock</button>
</div>
</div>
</div>
</div>
`).join("");
} else {
availableSection.style.display = "none";
availableCoursesEl.innerHTML = "";
}
emptyBox.style.display = courses.length ? "none" : "block";
}
function openModal(course, isSuccess = false) {
selectedCourse = course;
el("modalCourseTitle").textContent = course.name;
el("modalCourseDesc").textContent = course.description;
el("modalLessonCount").textContent = `📖 ${course.lessons?.length || 0} Modules`;
const dur = el("modalDuration");
if (course.duration) { dur.style.display = "block"; dur.textContent = `⏱ ${course.duration}`; }
else dur.style.display = "none";
el("modalPrice").textContent = rupees(course.price);
const bBtn = el("buyBtn");
bBtn.textContent = "PAY SECURELY — " + rupees(course.price);
el("successCourseName").textContent = course.name;
el("modalDetailView").style.display = isSuccess ? "none" : "block";
el("modalSuccessView").style.display = isSuccess ? "block" : "none";
courseModal.classList.remove("hidden");
courseModal.classList.add("flex");
document.body.style.overflow = "hidden";
}
function closeModal() {
courseModal.classList.add("hidden");
courseModal.classList.remove("flex");
document.body.style.overflow = "";
paying = false;
el("buyBtn").disabled = false;
}
async function handlePurchase() {
if (!selectedCourse || !studentId || paying) return;
paying = true;
const btn = el("buyBtn");
btn.disabled = true; btn.textContent = "PLEASE WAIT...";
try {
const oData = await postJson(`${API_BASE}/student_purchase.php`, { action: "create_order", student_id: studentId, course_id: selectedCourse.id });
if (!oData.success) throw new Error(oData.message);
const options = {
key: oData.key, order_id: oData.order_id, amount: Math.round(Number(oData.amount||0)*100),
currency: "INR", name: "AC-Tech India", description: "Purchase " + selectedCourse.name,
image: "https://cdn-icons-png.flaticon.com/512/3135/3135715.png",
prefill: { email: studentEmail, name: studentName },
theme: { color: "#F59E0B" },
handler: async function(pData) {
try {
const vData = await postJson(`${API_BASE}/student_purchase.php`, {
action: "verify_payment", student_id: studentId, course_id: selectedCourse.id,
razorpay_payment_id: pData.razorpay_payment_id, razorpay_order_id: pData.razorpay_order_id, razorpay_signature: pData.razorpay_signature
});
if (!vData.success) throw new Error(vData.message);
await fetchDashboard(studentId);
paying = false; btn.disabled = false;
openModal(selectedCourse, true);
} catch (e) {
showToast("error", e.message || "Verification failed"); closeModal();
}
},
modal: {
ondismiss: function() {
if (paying) { paying = false; btn.disabled = false; btn.textContent = "PAY SECURELY — " + rupees(selectedCourse.price); showToast("error", "Payment cancelled."); }
}
}
};
new Razorpay(options).open();
} catch (e) {
showToast("error", e.message || "Something went wrong.");
paying = false; btn.disabled = false; btn.textContent = "PAY SECURELY — " + rupees(selectedCourse.price);
}
}
function handleRestrictedNav(target) {
if (!courses.some(c => isEnrolled(c.id))) return showToast("error", "Purchase a masterclass to unlock this feature.");
window.location.href = target;
}
async function handleShare(course) {
const serverThumb = course.thumbnail ? `${ADMIN_BASE}/${String(course.thumbnail).replace(/^\/+/, "")}` : "";
const firstLes = Array.isArray(course.lessons) ? course.lessons.find(i => i.video_url) : null;
const vId = firstLes ? ytId(firstLes.video_url) : "";
const ytThumb = vId ? `https://img.youtube.com/vi/${vId}/hqdefault.jpg` : "";
const img = serverThumb || ytThumb;
const msg = `🚀 Start learning "${course.name}" today!\n\n💡 I'm taking this amazing course and thought you'd love it.\n💰 Course Fee: Just ${rupees(course.price)}\n\n🎁 Use my referral code ${referralCode} to join me.\n👉 Click here: https://dm.actechindia.org?ref=${encodeURIComponent(referralCode)}${img ? "\n\n🖼️ Preview:\n" + img : ""}`;
try {
if (navigator.share) { await navigator.share({ title: `Learn ${course.name}`, text: msg }); return; }
await navigator.clipboard.writeText(msg); showToast("success", "Share message copied.");
} catch(e) {}
}
function boot() {
const raw = localStorage.getItem("student_data");
if (!raw) { redirectToLogin(); return; }
try {
const parsed = JSON.parse(raw);
if (!parsed.id) { redirectToLogin(); return; }
studentId = Number(parsed.id);
studentToken = localStorage.getItem("student_token") || "";
if (!studentToken) { redirectToLogin(); return; } // no token = not properly logged in
studentName = parsed.name || localStorage.getItem("student_name") || "Student";
studentEmail = parsed.email || "";
profilePhoto = parsed.profile_photo || null;
referralCode = localStorage.getItem("referral_code") || "---";
updateProfileUi();
fetchDashboard(studentId);
startSessionPolling(); // ← auto-logout polling shuru karo
} catch(e) { redirectToLogin(); }
}
function redirectToLogin() { window.location.href = "login_reg.php"; }
// Listeners
el("logoutBtn").onclick = async () => {
if(confirm("Logout karein?")) {
try {
// Clear session token from server so this device's session is no longer valid
await fetch(API_BASE + "/student_logout.php", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ student_id: studentId, token: studentToken })
});
} catch(e) { /* ignore network errors */ }
localStorage.clear();
redirectToLogin();
}
};
walletBtn.onclick = () => handleRestrictedNav("wallet.php");
el("profileBtn").onclick = () => window.location.href = "profile.php";
el("closeModalBtn").onclick = closeModal;
el("buyBtn").onclick = handlePurchase;
el("beginTrainingBtn").onclick = () => { closeModal(); if(selectedCourse){ localStorage.setItem("current_view_course", JSON.stringify(selectedCourse)); window.location.href="coursePlayer.php"; } };
courseModal.onclick = (e) => { if(e.target === courseModal) closeModal(); };
document.addEventListener("click", (e) => {
const btn = e.target.closest("[data-action]");
if (!btn) return;
const act = btn.getAttribute("data-action");
const id = Number(btn.getAttribute("data-id"));
const c = courses.find(i => Number(i.id) === id);
if (act === "invite") return handleRestrictedNav("invite_friends.php");
if (!c) return;
if (act === "open-course") { localStorage.setItem("current_view_course", JSON.stringify(c)); window.location.href="coursePlayer.php"; }
else if (act === "share") handleShare(c);
else if (act === "syllabus" || act === "buy") openModal(c, false);
});
// ── Auto-logout polling — boot() 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, try next cycle
}
}, 20000); // 20 seconds
}
// ─────────────────────────────────────────────────────────────────────────
boot(); // ← Ab polling function pehle define ho chuka hai, safe hai
</script>
</body>
</html>| .. | |||||
| image | |||||
| config.php | |||||
| coursePlayer.php | |||||
| dashboard.php | |||||
| error_log | |||||
| invite_friends.php | |||||
| login_reg.php | |||||
| profile.php | |||||
| wallet.php |