import { Head, router } from '@inertiajs/react'; import { useState } from 'react'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import AdminLayout from '@/layouts/admin-layout'; export default function AdminProfitLoss({ revenue, cost, grossProfit, filters }: { revenue: number; cost: number; grossProfit: number; filters: { from: string; to: string }; }) { const [from, setFrom] = useState(filters.from); const [to, setTo] = useState(filters.to); const apply = () => router.get('/admin/reports/profit-loss', { from, to }, { preserveState: true }); const margin = revenue > 0 ? ((grossProfit / revenue) * 100).toFixed(1) : '0'; return (

From setFrom(e.target.value)} className="w-44" />

To setTo(e.target.value)} className="w-44" />

{[ ['Total Revenue', `৳${Number(revenue).toLocaleString()}`, 'bg-green-50 border-green-200'], ['Total Cost', `৳${Number(cost).toLocaleString()}`, 'bg-red-50 border-red-200'], [grossProfit >= 0 ? 'Gross Profit' : 'Gross Loss', `৳${Math.abs(grossProfit).toLocaleString()} (${margin}%)`, grossProfit >= 0 ? 'bg-blue-50 border-blue-200' : 'bg-orange-50 border-orange-200'], ].map(([label, val, cls]) => (

{label}

{val}

))}

); }