import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; // Import Card components import AuthenticatedLayout from '@/layouts/AuthenticatedLayout'; import type { PageProps } from '@/types'; import { Head } from '@inertiajs/react'; interface DashboardProps extends PageProps { projectsCount: number; blogsCount: number; servicesCount: number; pagesCount: number; jobListingsCount: number; clientsCount: number; teamsCount: number; testimoniesCount: number; equipmentCount: number; branchesCount: number; categoriesCount: number; usersCount: number; applicationsCount: number; } export default function Dashboard({ auth, projectsCount, blogsCount, servicesCount, pagesCount, jobListingsCount, clientsCount, teamsCount, testimoniesCount, equipmentCount, branchesCount, categoriesCount, usersCount, applicationsCount, }: DashboardProps) { const stats = [ { title: 'Total Projects', value: projectsCount }, { title: 'Total Blogs', value: blogsCount }, { title: 'Total Services', value: servicesCount }, { title: 'Total Pages', value: pagesCount }, { title: 'Total Job Listings', value: jobListingsCount }, { title: 'Total Clients', value: clientsCount }, { title: 'Total Team Members', value: teamsCount }, { title: 'Total Testimonies', value: testimoniesCount }, { title: 'Total Equipment', value: equipmentCount }, { title: 'Total Branches', value: branchesCount }, { title: 'Total Categories', value: categoriesCount }, { title: 'Total Users', value: usersCount }, { title: 'Total Applications', value: applicationsCount }, ]; return ( Admin Dashboard}>

{stats.map((stat, index) => ( {stat.title} {/* You can add an icon here if desired */}

{stat.value}

))}

); }