import { Head, router } from '@inertiajs/react'; import { useState } from 'react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import AdminLayout from '@/layouts/admin-layout'; interface DaySales { date: string; total_orders: number; revenue: number; discount: number; } interface Summary { total_orders: number; revenue: number; discount: number; shipping: number; } export default function AdminSalesReport({ dailySales, summary, filters }: { dailySales: DaySales[]; summary: Summary; filters: { from: string; to: string } }) { const [from, setFrom] = useState(filters.from); const [to, setTo] = useState(filters.to); const apply = () => router.get('/admin/reports/sales', { from, to }, { preserveState: true }); return (
setFrom(e.target.value)} className="w-44" />
setTo(e.target.value)} className="w-44" />
{/* Summary */}
{[ ['Total Orders', summary?.total_orders ?? 0], ['Revenue', `৳${Number(summary?.revenue ?? 0).toLocaleString()}`], ['Discount Given', `৳${Number(summary?.discount ?? 0).toLocaleString()}`], ['Shipping Collected', `৳${Number(summary?.shipping ?? 0).toLocaleString()}`], ].map(([label, val]) => (

{label}

{val}

 ))}
Daily Breakdown {dailySales.map((row) => ( ))} {dailySales.length === 0 && }
Date Orders Revenue Discount
{row.date} {row.total_orders} ৳{Number(row.revenue).toLocaleString()} ৳{Number(row.discount).toLocaleString()}
No data for this period
); }