import { Head } from '@inertiajs/react' import { Card, CardContent } from '@ui/components/ui/card' import { Activity, CheckCircle2, ClipboardList, FlaskConical } from 'lucide-react' import { LimsAppLayout } from '@/layouts/lims-app-layout' import { SampleMonthlyChart, type SampleChartDataItem } from './components/SampleMonthlyChart' interface DashboardSummary { total_po_aktif: number total_sampel_proses: number total_sampel_selesai_bulan_ini: number tingkat_penyelesaian: number } interface DashboardProps { title?: string chartData: SampleChartDataItem[] summary: DashboardSummary } export default function Dashboard({ title, chartData, summary }: DashboardProps) { const persentase = summary.tingkat_penyelesaian ?? 0 return (
{/* ── Stat Cards ──────────────────────────────────────────────── */}
{/* Total PO Aktif */}

PO Aktif

{summary.total_po_aktif}

Purchase order berjalan

{/* Sampel Dalam Proses */}

Dalam Proses

{summary.total_sampel_proses}

Sampel sedang diuji

{/* Selesai Bulan Ini */}

Selesai Bulan Ini

{summary.total_sampel_selesai_bulan_ini}

Laporan hasil uji (LHU)

{/* Tingkat Penyelesaian — Gradient Card */}

Tingkat Selesai

{persentase.toFixed(1)}%

{/* Progress bar */}

Sampel selesai vs masuk (bulan ini)

{/* ── Chart ───────────────────────────────────────────────────── */}
) }