import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, Boxes, History, Pencil } 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 { formatCurrency, formatDate } from '@/lib/utils'; import { dashboard } from '@/routes'; import { edit, index } from '@/routes/admin/products'; import { index as stockMovementsIndex } from '@/routes/admin/stock-movements'; type StockByWarehouse = { warehouse: { id: number; code: string; name: string }; quantity: number; }; type Movement = { id: number; type: string; type_label: string; signed_quantity: number; quantity: number; motif: string | null; occurred_at: string | null; warehouse: { id: number; code: string; name: string } | null; performed_by: { id: number; name: string } | null; source: { type: string; label: string; id: number } | null; }; type ProductDetail = { id: number; code: string; name: string; description: string | null; category: { id: number; name: string } | null; unit_of_measure: string; unit_of_measure_label: string; sale_price: string; cost_price: string; min_stock: number; is_active: boolean; total_quantity: number; stock_by_warehouse: StockByWarehouse[]; recent_movements: Movement[]; }; export default function ProductsShow({ product }: { product: ProductDetail }) { const isLowStock = product.min_stock > 0 && product.total_quantity <= product.min_stock; return ( <>

{product.name}

{product.is_active ? 'Actif' : 'Inactif'} {isLowStock && ( Stock bas )}

{product.code}

Quantité en stock {product.total_quantity}{' '} {product.unit_of_measure_label} Prix de vente {formatCurrency(Number(product.sale_price))} Prix d’achat {formatCurrency(Number(product.cost_price))}
Informations

Référence

{product.code}

Catégorie

{product.category?.name ?? '—'}

Unité de mesure

{product.unit_of_measure_label}

Seuil d’alerte

{product.min_stock > 0 ? product.min_stock : 'Non configuré'}

{product.description ? (

Description

{product.description}

) : null} Stock par entrepôt Quantités disponibles actuellement. {product.stock_by_warehouse.length === 0 ? (

Aucun stock enregistré pour ce produit.

) : ( Entrepôt Quantité {product.stock_by_warehouse.map((row) => (
{row.warehouse.name} {row.warehouse.code}
{row.quantity} ))}
)}
Historique des mouvements Les 10 mouvements les plus récents.
{product.recent_movements.length === 0 ? (

Aucun mouvement enregistré pour ce produit.

) : ( Date Type Entrepôt Quantité Motif Par {product.recent_movements.map( (movement) => ( {formatDate( movement.occurred_at, )} {movement.type_label} {movement.warehouse ?.name ?? '—'} {movement.signed_quantity > 0 ? '+' : ''} {movement.signed_quantity} {movement.motif ?? '—'} {movement.performed_by ?.name ?? '—'} ), )}
)}
); } ProductsShow.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Produits', href: index() }, { title: 'Détail', href: '#' }, ], };