import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, 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 { useCan } from '@/hooks/use-can'; import { formatDate } from '@/lib/utils'; import { dashboard } from '@/routes'; import { show as purchaseOrderShow } from '@/routes/admin/purchase-orders'; import { index as receiptsIndex } from '@/routes/admin/warehouses/receipts'; type ReceiptLine = { id: number; product: { id: number; code: string; name: string } | null; quantity: number; }; type Receipt = { id: number; code: string; received_at: string | null; notes: string | null; created_at: string | null; warehouse: { id: number; code: string; name: string }; purchase_order: { id: number; code: string } | null; creator: { id: number; name: string } | null; lines: ReceiptLine[]; lines_quantity: number; }; export default function WarehouseReceiptShow({ receipt, }: { receipt: Receipt; }) { const canViewPurchaseOrders = useCan('purchase-orders.view'); return ( <>

{receipt.code}

{receipt.purchase_order ? ( Commande ) : ( Manuelle )}

{formatDate(receipt.received_at)} · {receipt.warehouse.name}

Produits {receipt.lines.length} Unités reçues {receipt.lines_quantity} Créé par {receipt.creator?.name ?? '—'}

Informations Détails de la réception.

Entrepôt: {receipt.warehouse.code} —{' '} {receipt.warehouse.name}
Date de réception: {formatDate(receipt.received_at)}
Origine: {receipt.purchase_order ? ( canViewPurchaseOrders ? ( { receipt.purchase_order .code } ) : ( receipt.purchase_order.code ) ) : ( 'Manuelle' )}
Enregistré le: {formatDate(receipt.created_at)}
Notes: {receipt.notes}

Produits reçus Lignes de cette entrée de stock.

Produit Code Quantité {receipt.lines.map((line) => ( {line.product?.name ?? '—'} {line.product?.code ?? '—'} {line.quantity} ))}

); } WarehouseReceiptShow.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Réceptions', href: '#' }, { title: 'Détail', href: '#' }, ], };