import React, { useState } from 'react'; import { Head, router } from '@inertiajs/react'; import { StaffLayout } from '@/Layouts/StaffLayout'; import { CurrencyPrice } from '@/Components/CurrencyPrice'; import { TrendingUp, Calendar, Download, Filter } from 'lucide-react'; interface Props { dateRange: { start: string; end: string }; monthlyTrend: any[]; roomTypePerformance: any[]; taxSummary: { vat18: number; serviceCharge5: number; grossRevenue: number; netRevenue: number; }; } export default function AdminReports({ dateRange, monthlyTrend = [], roomTypePerformance = [], taxSummary = { vat18: 2673, serviceCharge5: 742.5, grossRevenue: 14850, netRevenue: 11434.5, }, }: Props) { const [start, setStart] = useState(dateRange?.start || '2026-01-01'); const [end, setEnd] = useState(dateRange?.end || '2026-12-31'); const handleFilter = (e: React.FormEvent) => { e.preventDefault(); router.get('/ssadmin/reports', { start, end }); }; return (
{/* Filter Bar */}
Filter Date Range: setStart(e.target.value)} className="bg-white border border-gray-300 rounded-lg px-3 py-1.5 text-xs" /> to setEnd(e.target.value)} className="bg-white border border-gray-300 rounded-lg px-3 py-1.5 text-xs" />
{/* Tax & Audited Ledger Summary */}
Gross Revenue (Audited) All room & outlet revenues
URA VAT (18%) Uganda Revenue Authority liability
Service Charge Pool (5%) Staff distribution pool
Net Operating Revenue Net after statutory levies
{/* Room Tier Revenue Matrix */}

Room Category Profitability & Occupancy

{roomTypePerformance.map((rt, i) => ( ))}
Room Tier Total Physical Units Occupancy Rate ADR Realized Gross Total Revenue
{rt.name} {rt.unitsCount || 6} Suites {rt.occupancyRate || '82%'} ${rt.adr || rt.base_price_usd}
); }