import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, ClipboardList, Package, PackagePlus, Pencil, } from 'lucide-react'; import { useMemo, useState } from '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 { dashboard } from '@/routes'; import { index } from '@/routes/admin/warehouses'; import { create as createReceipt, index as receiptsIndex, } from '@/routes/admin/warehouses/receipts'; import { WarehouseFormModal, type UserOption, type WarehouseFormValues, } from './warehouse-form-modal'; type Warehouse = { id: number; code: string; name: string; address: string | null; manager_id: number | null; manager: { id: number; name: string } | null; is_active: boolean; }; type StockRow = { product_id: number; product: { id: number; code: string; name: string } | null; quantity: number; }; export default function WarehousesShow({ warehouse, stocks, users = [], canCreateReceipt = false, }: { warehouse: Warehouse; stocks: StockRow[]; users?: UserOption[]; canCreateReceipt?: boolean; }) { const canUpdate = useCan('warehouses.update'); const canViewWarehouseList = useCan('warehouses.view'); const canViewReceipts = canViewWarehouseList || canCreateReceipt; const [editOpen, setEditOpen] = useState(false); const formWarehouse: WarehouseFormValues = useMemo( () => ({ id: warehouse.id, code: warehouse.code, name: warehouse.name, address: warehouse.address, manager_id: warehouse.manager_id, is_active: warehouse.is_active, }), [warehouse], ); const totalUnits = stocks.reduce((sum, stock) => sum + stock.quantity, 0); return ( <>

{warehouse.name}

{warehouse.is_active ? ( Actif ) : ( Inactif )}

{warehouse.code} {warehouse.manager ? ( <> · Responsable {warehouse.manager.name} ) : null}

{canViewWarehouseList && ( )} {canUpdate && ( )} {canViewReceipts && ( )} {canCreateReceipt && ( )}

Produits en stock {stocks.length} Unités totales {totalUnits} Responsable {warehouse.manager?.name ?? 'Non assigné'}

Informations Identité et localisation de l'entrepôt.

Code: {warehouse.code}
Statut: {warehouse.is_active ? 'Actif' : 'Inactif'}
Responsable: {warehouse.manager?.name ?? '—'}
Adresse: {warehouse.address || '—'}

Stock actuel Quantités disponibles dans cet entrepôt.

{stocks.length === 0 ? (

Aucun stock

Les produits apparaîtront ici après une réception.

{canCreateReceipt && ( )}

) : ( Produit Code Quantité {stocks.map((stock) => ( {stock.product?.name ?? '—'} {stock.product?.code ?? '—'} {stock.quantity} ))}

)}

{canUpdate && ( )} ); } WarehousesShow.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Entrepôts', href: index() }, { title: 'Fiche', href: '#' }, ], };