import Link from "next/link";
import { redirect } from "next/navigation";
import { prisma } from "@/lib/prisma";
import { auth } from "@/auth";
import { canAccess, PERMISSIONS, ROLE_LABELS, formatDate } from "@/lib/utils";
import { Button } from "@/components/ui/button";
import { Card, CardContent } from "@/components/ui/card";
import { Badge } from "@/components/ui/badge";
import { PageHeader } from "@/components/ui/page-header";
import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from "@/components/ui/table";
import { Plus, Pencil } from "lucide-react";

export const dynamic = "force-dynamic";

export default async function UtilisateursPage() {
  const session = await auth();
  if (!canAccess(session?.user.role, PERMISSIONS.utilisateurs_manage)) redirect("/403");

  const users = await prisma.user.findMany({ orderBy: { created_at: "desc" } });

  return (
    <div className="space-y-4">
      <PageHeader
        title="Utilisateurs"
        description={`${users.length} utilisateur${users.length > 1 ? "s" : ""} enregistré${users.length > 1 ? "s" : ""}`}
        action={
          <Button asChild variant="accent">
            <Link href="/utilisateurs/nouveau">
              <Plus className="w-4 h-4" />
              Nouvel utilisateur
            </Link>
          </Button>
        }
      />
      <Card>
        <CardContent className="p-0">
          <Table>
            <TableHeader>
              <TableRow>
                <TableHead>Nom</TableHead>
                <TableHead>Email</TableHead>
                <TableHead>Rôle</TableHead>
                <TableHead>Statut</TableHead>
                <TableHead>Créé le</TableHead>
                <TableHead className="text-right">Action</TableHead>
              </TableRow>
            </TableHeader>
            <TableBody>
              {users.map((u) => (
                <TableRow key={u.id}>
                  <TableCell className="font-medium">{u.nom}</TableCell>
                  <TableCell>{u.email}</TableCell>
                  <TableCell>
                    <Badge variant={u.role === "ADMIN" ? "accent" : "info"}>
                      {ROLE_LABELS[u.role]}
                    </Badge>
                  </TableCell>
                  <TableCell>
                    {u.actif ? (
                      <Badge variant="success">Actif</Badge>
                    ) : (
                      <Badge variant="muted">Désactivé</Badge>
                    )}
                  </TableCell>
                  <TableCell className="text-xs">{formatDate(u.created_at)}</TableCell>
                  <TableCell className="text-right">
                    <Button asChild variant="ghost" size="sm">
                      <Link href={`/utilisateurs/${u.id}`}>
                        <Pencil className="w-3.5 h-3.5" />
                        Modifier
                      </Link>
                    </Button>
                  </TableCell>
                </TableRow>
              ))}
            </TableBody>
          </Table>
        </CardContent>
      </Card>
    </div>
  );
}