import { Head, Link } from '@inertiajs/react';
import AdminLayout from '@/Layouts/AdminLayout';
import Card from '@/Components/UI/Card';
import StatTile from '@/Components/UI/StatTile';
import Badge from '@/Components/UI/Badge';
interface InstituteRow {
id: number;
name: string;
status: string;
programmes_count: number;
enrolment_count: number;
}
interface QueueItem {
id: number;
student_name: string;
title: string;
submitted_at: string | null;
}
export default function Dashboard({
stats,
institutes,
capstoneQueue,
videoQueue,
}: {
stats: {
institutes: number;
programmes: number;
published_programmes: number;
courses: number;
active_enrolments: number;
capstone_pending: number;
};
institutes: InstituteRow[];
capstoneQueue: QueueItem[];
videoQueue: QueueItem[];
}) {
return (
Institutional Command & Oversight
Real-time visibility across every Institute, Programme, and certification workflow.
Institute & Programme Command Center
Full Directory ({institutes.length})
| Institute |
Status |
Programmes |
Enrolments |
{institutes.slice(0, 8).map((institute) => (
| {institute.name} |
{institute.status}
|
{institute.programmes_count} |
{institute.enrolment_count} |
))}
Compulsory Video Projects
{videoQueue.length} Pending
{videoQueue.map((item) => (
{item.student_name}
{item.title}
{item.submitted_at}
))}
{videoQueue.length === 0 && (
No pending video projects.
)}
Capstone Projects
{capstoneQueue.length} Pending
{capstoneQueue.map((item) => (
{item.student_name}
{item.title}
{item.submitted_at}
))}
{capstoneQueue.length === 0 && (
No pending capstone projects.
)}
);
}