import type { ReactNode } from 'react'; import { Head, Link } from '@inertiajs/react'; import { AlertTriangle, Package, ShoppingCart, Truck } from 'lucide-react'; import Heading from '@/components/heading'; 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 { index } from '@/routes/admin/accounting-procurement'; import { create as createPurchaseOrder, show as showPurchaseOrder, } from '@/routes/admin/purchase-orders'; type PurchaseOrderRow = { id: number; code: string; status: string; status_label: string; order_date: string | null; expected_delivery_date: string | null; invoice_due_date: string | null; total_amount: string | number; supplier: { id: number; code: string; name: string } | null; }; type Overview = { low_stock_alerts: Array<{ id: number; quantity: number; min_stock: number; product: { id: number; code: string; name: string }; warehouse: { id: number; code: string; name: string }; }>; pending_orders: PurchaseOrderRow[]; overdue_deliveries: PurchaseOrderRow[]; overdue_invoices: PurchaseOrderRow[]; summary: { low_stock_count: number; pending_orders_count: number; overdue_deliveries_count: number; overdue_invoices_count: number; }; }; export default function AccountingProcurementIndex({ overview, can, }: { overview: Overview; can: { createPurchaseOrder: boolean }; }) { const { summary } = overview; return ( <>

{can.createPurchaseOrder && ( )}

Stock bas {summary.low_stock_count} Commandes en cours {summary.pending_orders_count} Livraisons en retard {summary.overdue_deliveries_count} Factures en retard {summary.overdue_invoices_count}

( {alert.product.name} {alert.warehouse.name} {alert.quantity} / min {alert.min_stock} )} columns={['Produit', 'Entrepôt', 'Stock']} empty="Aucune alerte stock." /> ( )} columns={['Commande', 'Fournisseur', 'Montant', 'Livraison prévue']} empty="Aucune commande en cours." /> ( )} columns={['Commande', 'Fournisseur', 'Montant', 'Livraison prévue']} empty="Aucun retard de livraison." /> ( )} columns={['Commande', 'Fournisseur', 'Montant', 'Échéance facture']} empty="Aucune facture en retard." />

); } function OrderRow({ order, highlight = false, dateField = 'expected_delivery_date', }: { order: PurchaseOrderRow; highlight?: boolean; dateField?: 'expected_delivery_date' | 'invoice_due_date'; }) { const date = order[dateField]; return ( {order.code} {highlight && ( Retard )} {order.supplier?.name ?? '—'} {formatCurrency(order.total_amount)} {date ? formatDate(date) : '—'} ); } function ProcurementTable({ title, description, rows, columns, renderRow, empty, }: { title: string; description?: string; rows: T[]; columns: string[]; renderRow: (row: T) => ReactNode; empty: string; }) { return ( {title} {description && {description}} {rows.length === 0 ? (

{empty}

) : ( {columns.map((col) => ( {col} ))} {rows.map(renderRow)}

)} ); } AccountingProcurementIndex.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Approvisionnement', href: index() }, ], };