import { Head, Link, router } from '@inertiajs/react'; import { ArrowLeft, Calendar, CheckCircle2, Columns3, CheckSquare, Circle, Pencil, Ticket, Trash2, Users, } from 'lucide-react'; import ProjectController from '@/actions/App/Http/Controllers/Admin/ProjectController'; import { ConfirmDialog } from '@/components/confirm-dialog'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { useCan } from '@/hooks/use-can'; import { cn, formatCurrency, formatDate } from '@/lib/utils'; import { dashboard } from '@/routes'; import { edit, index, kanban } from '@/routes/admin/projects'; import { index as tasksIndex } from '@/routes/admin/tasks'; import { index as ticketsIndex } from '@/routes/admin/tickets'; type Milestone = { id: number; title: string; due_date: string | null; is_completed: boolean; sort_order: number; }; type ProjectDetail = { id: number; code: string; name: string; description: string | null; status: string; status_label: string; is_active: boolean; customer: { id: number; code: string; name: string } | null; start_date: string; end_date: string; budget: string | number; progress_percent: number; team_members: { id: number; name: string }[]; milestones: Milestone[]; }; function statusVariant( status: string, ): 'secondary' | 'outline' | 'destructive' { if (status === 'completed') { return 'secondary'; } if (status === 'cancelled') { return 'destructive'; } return 'outline'; } export default function ProjectsShow({ project }: { project: ProjectDetail }) { const canUpdate = useCan('projects.update'); const canDelete = useCan('projects.delete'); const canViewTickets = useCan('tickets.view'); const canViewTasks = useCan('tasks.view'); const canViewKanban = canViewTasks || canViewTickets; const completedMilestones = project.milestones.filter( (milestone) => milestone.is_completed, ).length; return ( <>

{project.name}

{project.status_label} {!project.is_active && ( Inactif )}

{project.code}

{canViewKanban && ( )} {canViewTickets && ( )} {canViewTasks && ( )} {canUpdate && ( )} {canDelete && ( Supprimer } title={`Supprimer le projet ${project.name} ?`} description="Cette action est irréversible." confirmLabel="Supprimer" onConfirm={() => { router.delete( ProjectController.destroy.url( project.id, ), ); }} /> )}

Budget {formatCurrency(project.budget)} Avancement {project.progress_percent} %

Période {formatDate(project.start_date)} —{' '} {formatDate(project.end_date)} Jalons {completedMilestones}/{project.milestones.length}

Informations

Client

{project.customer?.name ?? '—'}

{project.customer && (

{project.customer.code}

)}

{project.description && (

Description

{project.description}

)} Équipe assignée {project.team_members.length === 0 ? 'Aucun membre assigné' : `${project.team_members.length} membre${project.team_members.length > 1 ? 's' : ''}`} {project.team_members.length === 0 ? (

—

) : (

{member.name}

)}

Jalons Suivi des étapes clés du projet {project.milestones.length === 0 ? (

Aucun jalon défini pour ce projet.

) : ( Statut Titre Échéance {project.milestones.map((milestone) => ( {milestone.is_completed ? ( ) : ( )} {milestone.title} {milestone.due_date ? formatDate( milestone.due_date, ) : '—'} ))}

)}

); } ProjectsShow.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Projets classiques', href: index() }, { title: 'Fiche projet', href: '#' }, ], };