import { DocumentRenderer } from '@/components/document-editor/document-renderer'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, Link, router, usePage } from '@inertiajs/react'; import { ArrowLeft, CopyPlus, Download, Pencil, Printer } from 'lucide-react'; interface PublicDocumentLike { uuid: string; token: string; title: string; category: string | null; mode: 'html' | 'pdf'; source_pdf_url: string | null; body_html: string | null; recipient_name: string; recipient_email: string; status: string; sent_at: string | null; viewed_at: string | null; signed_at: string | null; sender_signature_url: string | null; sender_stamp_url: string | null; recipient_signature_url: string | null; recipient_stamp_url: string | null; final_pdf_url: string | null; expires_at: string | null; created_at: string | null; id: number; } interface PageProps { document: PublicDocumentLike; } const STATUS_LABELS: Record = { draft: 'Brouillon', sent: 'Envoyé', viewed: 'Vu', signed: 'Signé', expired: 'Expiré', cancelled: 'Annulé', }; const STATUS_COLORS: Record = { draft: 'bg-gray-100 text-gray-700', sent: 'bg-blue-100 text-blue-700', viewed: 'bg-amber-100 text-amber-700', signed: 'bg-emerald-100 text-emerald-700', expired: 'bg-rose-100 text-rose-700', cancelled: 'bg-rose-100 text-rose-700', }; export default function DocumentsShow() { const { document } = usePage().props; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Documents', href: '/crm/documents' }, { title: document.title, href: '#' }, ]; const isSigned = document.status === 'signed'; const isLocked = ['signed', 'cancelled', 'expired'].includes(document.status); return (

{/* Header */}

{document.title}

{STATUS_LABELS[document.status] ?? document.status} Destinataire :{' '} {document.recipient_name}{' '} ({document.recipient_email})

{document.final_pdf_url && ( )} {!isLocked && ( )}

{/* Lifecycle timeline */} {/* Document body (read-only) */} Aperçu du document {document.mode === 'pdf' && document.source_pdf_url ? (