// pages/admin.jsx — admin panel: dashboard, students, batches, recordings, payments const { useState: useS_ADM } = React; function AdminShell({ go, current, isLoggedIn, setTweak, children }) { if (!isLoggedIn) return (

Admin access only

Log in with an admin account to manage students, batches, recordings, and payments.

); return (
{children}
); } const AdminLink = ({ active, onClick, icon, label }) => ( ); // ───── Admin home ──────────────────────────────────────────── function AdminDashboard({ go, isLoggedIn, setTweak }) { return (
Overview · Aug 2025

Operations dashboard

Recent enrolments

{ADMIN_STUDENTS.slice(0, 5).map((s) => ( ))}
StudentBatchDate
{s.name}
{s.email}
 {s.batch} Aug 12

Recent payments

{ADMIN_PAYMENTS.slice(0, 5).map((p) => ( ))}
StudentAmountStatusDate
{p.name} ₹{p.amount.toLocaleString("en-IN")} {p.date}
); } const StatTile = ({ label, value, prefix = "", suffix = "", delta }) => (
{label}
{prefix}{suffix}
{delta &&
↑ {delta}
}
); const PaymentStatus = ({ s }) => { if (s === "paid") return Paid; if (s === "failed") return Failed; if (s === "created") return Created; return {s}; }; const EnrolStatus = ({ s }) => { if (s === "active") return Active; if (s === "expired") return Expired; if (s === "pending") return Pending; return {s}; }; // ───── Students ────────────────────────────────────────────── function AdminStudents({ go, isLoggedIn, setTweak }) { const [batch, setBatch] = useS_ADM("all"); const [cls, setCls] = useS_ADM("all"); const [q, setQ] = useS_ADM(""); const filtered = ADMIN_STUDENTS.filter(s => (batch === "all" || s.batch === batch) && (cls === "all" || s.cls === cls) && (!q || s.name.toLowerCase().includes(q.toLowerCase()) || s.email.toLowerCase().includes(q.toLowerCase())) ); return (
Students

All students

{filtered.length} of {ADMIN_STUDENTS.length} students

setQ(e.target.value)} style={{ paddingLeft: 36 }} />
{filtered.map((s) => ( ))}
Student Class · Board Batch Status Contact
{s.name}
{s.email}
 CS-{s.cls} · {s.board} {s.batch} {s.phone}
{filtered.length === 0 && (
No students match those filters

Try clearing the search or selecting a different batch.

)}
); } // ───── Batches ─────────────────────────────────────────────── function AdminBatches({ go, isLoggedIn, setTweak }) { const [editing, setEditing] = useS_ADM(null); // batch name being edited const [createOpen, setCreateOpen] = useS_ADM(false); return (
Batches

All batches

{ADMIN_BATCHES.map((b) => (
{b.course}

{b.name}

{b.active ? Active : Inactive}
))}
{(createOpen || editing) && ( { setCreateOpen(false); setEditing(null); }} title={editing ? `Edit ${editing}` : "Create new batch"}>
{ e.preventDefault(); setCreateOpen(false); setEditing(null); }}>
)} ); } // ───── Recordings (admin upload) ───────────────────────────── function AdminRecordings({ go, isLoggedIn, setTweak }) { const [batch, setBatch] = useS_ADM("ISC-XII Aug 2025"); const [chapter, setChapter] = useS_ADM("Inheritance & Polymorphism"); const [title, setTitle] = useS_ADM(""); const [date, setDate] = useS_ADM(""); const [duration, setDuration] = useS_ADM(""); const [src, setSrc] = useS_ADM("upload"); // upload | embed const [embedUrl, setEmbedUrl] = useS_ADM(""); const [uploading, setUploading] = useS_ADM(null); // null | "uploading" | "success" | "error" const [progress, setProgress] = useS_ADM(0); const startUpload = () => { setUploading("uploading"); setProgress(0); const t = setInterval(() => { setProgress(p => { if (p >= 100) { clearInterval(t); setUploading("success"); return 100; } return p + Math.random() * 18; }); }, 220); }; return (
Recordings

Upload + manage

Upload recording

Students in the selected batch will see it instantly.

setTitle(e.target.value)} />
setDate(e.target.value)} />
setDuration(e.target.value)} />
{src === "upload" ? (
{uploading === null && <>
Drop video file here

MP4 / WebM, up to 4 GB

} {uploading === "uploading" && <>
Uploading… {Math.round(progress)}%

oop-inheritance-final.mp4 · 842 MB

} {uploading === "success" && <>
Upload complete

Ready to publish to students.

}
) : (
setEmbedUrl(e.target.value)} />
Paste a sharable link. Must be set to "Anyone with the link".
)}

All uploaded recordings

{RECORDINGS.map((r) => ( ))}
Recording Batch Chapter Date Duration
{r.title}
 ISC-XII Aug 2025 {r.chapter} {r.date} {r.duration}
); } // ───── Payments ────────────────────────────────────────────── function AdminPayments({ go, isLoggedIn, setTweak }) { const [status, setStatus] = useS_ADM("all"); const filtered = ADMIN_PAYMENTS.filter(p => status === "all" || p.status === status); const paidTotal = ADMIN_PAYMENTS.filter(p => p.status === "paid").reduce((s, p) => s + p.amount, 0); return (
Payments

All transactions

p.status === "failed").length} suffix="" /> p.status === "created").length} suffix="" />
{filtered.map((p) => ( ))}
Student Batch Amount Razorpay ID Status Date
{p.name} {p.batch} ₹{p.amount.toLocaleString("en-IN")} {p.rzp} {p.date}
); } // ───── Modal ───────────────────────────────────────────────── function Modal({ title, children, onClose }) { return (

{title}

{children}
); } Object.assign(window, { AdminDashboard, AdminStudents, AdminBatches, AdminRecordings, AdminPayments, });