import { Head, Link, router } from '@inertiajs/react'; import { Bell } from 'lucide-react'; import DashboardAnalyticsController from '@/actions/App/Http/Controllers/Admin/DashboardAnalyticsController'; 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 { payments } from '@/routes/admin/dashboards'; import { show as showInvoice } from '@/routes/admin/invoices'; import { DashboardExportButtons, DashboardFiltersBar, type DashboardFilters, type FilterOptions, } from './dashboard-filters'; import { KpiCard } from './dashboard-widgets'; function StatusBadge({ status, label }: { status: string; label: string }) { const variant = status === 'paid' ? 'default' : status === 'overdue' ? 'destructive' : 'secondary'; return {label}; } export default function DashboardsPayments({ overview, filters, filterOptions, can, }: { overview: { kpis: { client_outstanding: string; client_overdue: string; client_overdue_count: number; supplier_pending: string; supplier_overdue: string; supplier_overdue_count: number; collected: string; paid_suppliers: string; pending_count: number; }; received_payments: Array>; made_payments: Array>; pending_items: Array>; overdue_client_invoices: Array>; overdue_supplier_invoices: Array>; }; filters: DashboardFilters; filterOptions: FilterOptions; can: { export: boolean }; }) { return ( <>
Paiements reçus Encaissements clients sur la période Paiements effectués Règlements fournisseurs sur la période
En attente de règlement
Factures clients en retard Relance automatique par e-mail disponible Factures fournisseurs en retard
); } function PaymentTable({ rows }: { rows: Array> }) { if (rows.length === 0) { return

Aucun paiement sur la période.

; } return ( Date Tiers Document Montant Statut {rows.map((row) => ( {formatDate(String(row.paid_at ?? ''))} {String(row.counterparty ?? '—')} {String(row.document_code ?? '—')} {formatCurrency(String(row.amount ?? 0))} ))}
); } function PendingTable({ rows }: { rows: Array> }) { if (rows.length === 0) { return

Aucune facture en attente.

; } return ( Type Document Tiers Échéance Montant Statut {rows.map((row) => ( {row.type === 'client' ? 'Client' : 'Fournisseur'} {String(row.code ?? '—')} {String(row.counterparty ?? '—')} {formatDate(String(row.due_date ?? ''))} {formatCurrency(String(row.balance_due ?? row.amount ?? 0))} ))}
); } function OverdueClientTable({ rows }: { rows: Array> }) { if (rows.length === 0) { return

Aucun retard client.

; } return ( Facture Client Échéance Solde {rows.map((row) => ( {String(row.code)} {String(row.counterparty ?? '—')} {formatDate(String(row.due_date ?? ''))} {formatCurrency(String(row.balance_due ?? 0))} {row.can_remind ? ( ) : null} ))}
); } function OverdueSupplierTable({ rows }: { rows: Array> }) { if (rows.length === 0) { return

Aucun retard fournisseur.

; } return ( Facture Fournisseur Échéance Montant Statut {rows.map((row) => (
{String(row.code)}
{String(row.reference ?? '')}
 {String(row.counterparty ?? '—')} {formatDate(String(row.due_date ?? ''))} {formatCurrency(String(row.amount ?? 0))} ))}
); } DashboardsPayments.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Suivi de Paiement', href: payments() }, ], };