import { Head, Link } from '@inertiajs/react'; import { AlertTriangle, DollarSign, Package, ShoppingCart, TrendingUp, Users } from 'lucide-react'; import { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, Legend, Pie, PieChart, ResponsiveContainer, Tooltip, XAxis, YAxis, } from 'recharts'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import AdminLayout from '@/layouts/admin-layout'; import { type Order } from '@/types'; interface Stats { todayOrders: number; todayRevenue: number; monthOrders: number; monthRevenue: number; pendingOrders: number; totalProducts: number; lowStockProducts: number; totalCustomers: number; } interface DailyStat { date: string; orders: number; revenue: number; } interface StatusDist { name: string; value: number; } interface TopProduct { name: string; sold: number; revenue: number; } const STATUS_COLORS: Record = { new: '#3b82f6', pending: '#f59e0b', confirmed: '#6366f1', packed: '#a855f7', shipped: '#f97316', delivered: '#22c55e', cancelled: '#ef4444', returned: '#94a3b8', }; const PIE_COLORS = ['#6366f1','#22c55e','#f59e0b','#ef4444','#3b82f6','#a855f7','#f97316','#94a3b8']; const ORDER_STATUS_CLS: Record = { new: 'bg-blue-100 text-blue-800', pending: 'bg-yellow-100 text-yellow-800', confirmed: 'bg-indigo-100 text-indigo-800', packed: 'bg-purple-100 text-purple-800', shipped: 'bg-orange-100 text-orange-800', delivered: 'bg-green-100 text-green-800', cancelled: 'bg-red-100 text-red-800', returned: 'bg-slate-100 text-slate-800', }; function StatCard({ label, value, sub, icon: Icon, cls }: { label: string; value: string|number; sub?: string; icon: React.ElementType; cls: string }) { return (

{label}

{value}

{sub &&

{sub}

}
); } const fmt = (v: number) => `৳${v.toLocaleString()}`; export default function AdminDashboard({ stats, recentOrders, dailyStats, statusDist, topProducts }: { stats: Stats; recentOrders: Order[]; dailyStats: DailyStat[]; statusDist: StatusDist[]; topProducts: TopProduct[]; }) { return ( {/* Stats */}
{/* Row 1: Area chart + Pie */}
Revenue — Last 7 Days `৳${(v/1000).toFixed(0)}k`} /> [`৳${v.toLocaleString()}`,'Revenue']} contentStyle={{ borderRadius:8, border:'none', boxShadow:'0 4px 20px rgba(0,0,0,.1)' }} /> Order Status {statusDist.length > 0 ? ( {statusDist.map((e,i)=>( ))} ) : (
No orders yet
)}
{/* Row 2: Bar chart + Top products */}
Daily Orders — Last 7 Days [v,'Orders']} contentStyle={{ borderRadius:8, border:'none', boxShadow:'0 4px 20px rgba(0,0,0,.1)' }} /> Top Selling Products {topProducts.length > 0 ? (
{topProducts.map((p,i)=>(
{i+1}

{p.name}

{p.sold} units

৳{Number(p.revenue).toLocaleString()}
))}
) : (
No sales yet
)}
{/* Recent orders */} Recent Orders View all →
{recentOrders.map((o)=>( ))} {!recentOrders.length && }
Invoice Customer Amount Status Date
{o.invoice_no}
{o.customer_name}
{o.customer_phone}
 ৳{Number(o.total_amount).toLocaleString()} {o.order_status} {new Date(o.created_at).toLocaleDateString('en-BD')}
No orders yet
); }