import React from 'react'; import AppLayout from '@/layouts/app-layout'; import { Head } from '@inertiajs/react'; import { LineChart, Line, BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts'; import { type BreadcrumbItem } from '@/types'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard', }, ]; export default function Dashboard({ auth, patientRegistrations, dailyRevenue, todayStats }) { return (

{/* Today's Statistics */}

Pasien Hari Ini

{todayStats.patient_count}

Pendapatan Hari Ini

{new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR' }).format(todayStats.revenue)}

Pembayaran Tertunda

{todayStats.pending_payments}

{/* Charts */}

{/* Patient Registration Chart */}

Jumlah Pasien Mendaftar (7 Hari Terakhir)

{/* Revenue Chart */}

Pendapatan Harian (7 Hari Terakhir)

[ new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR' }).format(value), 'Total Pendapatan' ]} />

); }