import { Head, router } from "@inertiajs/react"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Input } from "@/components/ui/input"; import { Button } from "@/components/ui/button"; import { useState } from "react"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/components/ui/table"; import AppLayout from "@/layouts/app-layout"; const money = (value: number | string) => new Intl.NumberFormat("id-ID", { style: "currency", currency: "IDR", maximumFractionDigits: 0, }).format(Number(value || 0)); type Props = { month: string; summary: Record; salesPerformance: any[]; visitPerformance: any[]; paymentByMethod: any[]; }; export default function Reports({ month, summary, salesPerformance, visitPerformance, paymentByMethod, }: Props) { const [selectedMonth, setSelectedMonth] = useState(month); const apply = () => router.get( "/crm/reports", { month: selectedMonth }, { preserveState: true, preserveScroll: true }, ); return (

Reports

Analisis penjualan, kunjungan dan pembayaran.

setSelectedMonth(e.target.value)} />
Performance Sales [ r.sales?.name ?? "-", r.orders, money(r.sales), ])} /> Performance Visit [ r.sales?.name ?? "-", r.visits, r.completed, ])} />
Pembayaran berdasarkan Metode [ String(r.method).toUpperCase(), money(r.total), ])} />
); } function Metric({ title, value }: { title: string; value: string | number }) { return (

{title}

{value}

 ); } function CrmTable({ headers, rows }: { headers: string[]; rows: any[][] }) { return (
{headers.map((h) => ( {h} ))} {rows.length ? ( rows.map((row, i) => ( {row.map((cell, j) => ( {cell} ))} )) ) : ( Belum ada data. )}
); }