import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { prisma } from '@/lib/prisma';
import { Building2, Users } from 'lucide-react';

export const dynamic = 'force-dynamic';

export default async function SuperAdminDashboard() {
    const orgCount = await prisma.organization.count();
    const userCount = await prisma.user.count();

    return (
        <div className='space-y-6'>
            <h1 className='text-3xl font-bold tracking-tight'>Dashboard</h1>

            <div className='grid gap-4 md:grid-cols-2 lg:grid-cols-4'>
                <Card>
                    <CardHeader className='flex flex-row items-center justify-between space-y-0 pb-2'>
                        <CardTitle className='text-sm font-medium'>Organizações</CardTitle>
                        <Building2 className='h-4 w-4 text-muted-foreground' />
                    </CardHeader>
                    <CardContent>
                        <div className='text-2xl font-bold'>{orgCount}</div>
                        <p className='text-xs text-muted-foreground'>Organizações no sistema</p>
                    </CardContent>
                </Card>

                <Card>
                    <CardHeader className='flex flex-row items-center justify-between space-y-0 pb-2'>
                        <CardTitle className='text-sm font-medium'>Utilizadores</CardTitle>
                        <Users className='h-4 w-4 text-muted-foreground' />
                    </CardHeader>
                    <CardContent>
                        <div className='text-2xl font-bold'>{userCount}</div>
                        <p className='text-xs text-muted-foreground'>Utilizadores de todas as organizações</p>
                    </CardContent>
                </Card>
            </div>
        </div>
    );
}