import AdminLayout from '@/Layouts/AdminLayout'; import { Head, Link, router } from '@inertiajs/react'; import { Calendar, CalendarCheck, ShoppingBag, TrendingUp, ArrowUpRight } from 'lucide-react'; interface Stats { upcoming_bookings: number; total_bookings: number; products: number; revenue: number; } interface RecentBooking { id: number; name: string; company: string | null; location: string | null; scheduled_at: string; status: string; } interface RecentOrder { id: string; customer: string; product: string; amount: string; date: string; } interface Props { stats: Stats; recentBookings: RecentBooking[]; recentOrders: RecentOrder[]; } export default function Dashboard({ stats, recentBookings, recentOrders }: Props) { const cards = [ { name: 'UPCOMING BOOKINGS', value: stats.upcoming_bookings.toString(), sub: 'Next 30 days', icon: CalendarCheck, }, { name: 'TOTAL BOOKINGS', value: stats.total_bookings.toString(), sub: 'All time', icon: Calendar, }, { name: 'PRODUCTS', value: stats.products.toString(), sub: 'Live in store', icon: ShoppingBag, }, { name: 'REVENUE', value: stats.revenue > 0 ? `₦${stats.revenue.toLocaleString()}` : '—', sub: 'NGN, all time', icon: TrendingUp, }, ]; return ( {/* Page Header */}

Overview

Snapshot of bookings, orders and store performance.

{/* Stat Cards */}
{cards.map((card) => (
{card.name}

{card.value}

{card.sub}

))}
{/* Recent rows */}
{/* Recent Bookings */}

Recent bookings

View all
{recentBookings.length > 0 ? recentBookings.map((b) => (

{b.name}

{b.company ?? '—'}{b.location ? ` · ${b.location}` : ''}

{new Date(b.scheduled_at).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })}

{new Date(b.scheduled_at).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} WAT

)) : (
No bookings yet. They'll appear here once submitted.
)}
{/* Recent Orders */}

Recent orders

View all
{recentOrders.length > 0 ? recentOrders.map((o) => (

{o.customer}

{o.product}

{o.amount}

{o.date}

)) : (
Orders will appear here once the store is connected.
)}
); }