import { Head } from '@inertiajs/react'; import Heading from '@/components/heading'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { formatCurrency } from '@/lib/utils'; import { dashboard } from '@/routes'; import { services } from '@/routes/admin/dashboards'; import { DashboardExportButtons, DashboardFiltersBar, type DashboardFilters, type FilterOptions, } from './dashboard-filters'; import { KpiCard, LineChart } from './dashboard-widgets'; export default function DashboardsServices({ overview, filters, filterOptions, can, }: { overview: { kpis: { revenue: string; revenue_ht?: string; services_sold: string; invoices_count: number; top_service: string | null; avg_unit_price: string; vat_rate: string; }; ranking: Array<{ service_id: number; code: string; name: string; category: string | null; quantity: string; revenue: string; unit_price: string; vat_rate: string; }>; by_category: Array<{ category_id: number; code: string; name: string; revenue: string; quantity: string; productivity: string; vat_rate: string; }>; trend: Array<{ key: string; label: string; revenue: string }>; }; filters: DashboardFilters; filterOptions: FilterOptions; can: { export: boolean }; }) { return ( <>
{overview.kpis.top_service ? (

Top prestation :{' '} {overview.kpis.top_service}

) : null} {overview.kpis.revenue_ht ? (

CA HT global :{' '} {formatCurrency(overview.kpis.revenue_ht)}

) : null}
Évolution du CA prestations Comparatif par pôle (catégorie) Productivité et rentabilité par catégorie de prestation {overview.by_category.length === 0 ? (

Aucune donnée.

) : ( Pôle CA Prod. TVA {overview.by_category.map((row) => ( {row.name} {formatCurrency(row.revenue)} {formatCurrency(row.productivity)} {row.vat_rate} % ))}
)}
{overview.ranking.length > 0 && ( Classement des prestations Prestation Pôle Qté CA Prix unit. TVA {overview.ranking.map((row) => (
{row.name}
{row.code}
 {row.category ?? '—'} {row.quantity} {formatCurrency(row.revenue)} {formatCurrency(row.unit_price)} {row.vat_rate} % ))}
)}
); } DashboardsServices.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Performance Services', href: services() }, ], };