import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, History, Package } from 'lucide-react'; 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 { formatDate } from '@/lib/utils'; import { dashboard } from '@/routes'; import { index as stockExitsIndex } from '@/routes/admin/stock-exits'; import { index as stockMovementsIndex } from '@/routes/admin/stock-movements'; import { show as invoiceShow } from '@/routes/admin/invoices'; type ExitLine = { id: number; product: { id: number; code: string; name: string } | null; quantity: number; }; type StockExit = { id: number; code: string; type: string; type_label: string; exited_at: string | null; notes: string | null; created_at: string | null; warehouse: { id: number; code: string; name: string }; destination_warehouse: { id: number; code: string; name: string } | null; creator: { id: number; name: string } | null; invoice: { id: number; code: string | null } | null; lines: ExitLine[]; lines_count: number; lines_quantity: number; }; export default function StockExitsShow({ exit, canViewInvoice, }: { exit: StockExit; canViewInvoice: boolean; }) { return ( <>

{exit.code}

{exit.type_label}

{formatDate(exit.exited_at)} · {exit.warehouse.name}

Produits {exit.lines_count} Unités sorties {exit.lines_quantity} Type {exit.type_label}
Informations

Entrepôt source

{exit.warehouse.code} — {exit.warehouse.name}

Destination

{exit.destination_warehouse ? `${exit.destination_warehouse.code} — ${exit.destination_warehouse.name}` : '—'}

Créé par

{exit.creator?.name ?? '—'}

Créé le

{exit.created_at ? formatDate(exit.created_at) : '—'}

{exit.invoice ? (

Facture liée

{canViewInvoice ? ( {exit.invoice.code ?? `#${exit.invoice.id}`} ) : (

{exit.invoice.code ?? `#${exit.invoice.id}`}

)}
) : null} {exit.notes ? (

Notes

{exit.notes}

) : null} Lignes Produits sortis de l'entrepôt source. Produit Quantité {exit.lines.map((line) => (
{line.product?.name ?? '—'} {line.product?.code ?? '—'}
{line.quantity} ))}
); } StockExitsShow.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Sorties de stock', href: stockExitsIndex.url() }, { title: 'Détail', href: '#' }, ], };