import { AdminDashboard } from '@/components/admin-dashboard';
import { useAuth } from '@/contexts/AuthContext';
import { Alert, AlertDescription } from '@/components/ui/alert';

export default function AdminDashboardPage() {
  const { user, isAuthenticated } = useAuth();

  // Redirect if not authenticated or not an admin
  if (!isAuthenticated || !user) {
    return (
      <div className="container mx-auto p-4">
        <Alert>
          <AlertDescription>
            Vous devez être connecté en tant qu'administrateur pour accéder à cette page.
          </AlertDescription>
        </Alert>
      </div>
    );
  }

  if (user.role !== 'admin') {
    return (
      <div className="container mx-auto p-4">
        <Alert>
          <AlertDescription>
            Cette page est réservée aux administrateurs.
          </AlertDescription>
        </Alert>
      </div>
    );
  }

  return (
    <div className="container mx-auto p-4">
      <AdminDashboard />
    </div>
  );
}
