import React, { useState, useEffect } from 'react'; import { Head, Link } from '@inertiajs/react'; import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Store, TrendingUp, Banknote, QrCode, Trash2, DollarSign, Clock, ShoppingCart } from '@/Components/AnimatedIcons'; interface Props { branch: { id: number; code: string; name: string; address: string | null; phone: string | null; manager_name: string | null; } | null; stats: { today_sales: number; today_bills: number; cash_sales: number; upi_sales: number; card_sales: number; discounts: number; voided_bills: number; wastage_total: number; expenses_total: number; closing_status: string; cash_variance: number; pending_wastage_count: number; }; } export default function Dashboard({ branch, stats }: Props) { const [accentColor, setAccentColor] = useState(() => { if (typeof window !== 'undefined') { return localStorage.getItem('admin_accent_color') || 'pink'; } return 'pink'; }); useEffect(() => { const handleAccentChange = (e: CustomEvent) => setAccentColor(e.detail || localStorage.getItem('admin_accent_color') || 'pink'); window.addEventListener('theme_accent_changed', handleAccentChange as EventListener); return () => window.removeEventListener('theme_accent_changed', handleAccentChange as EventListener); }, []); const accentBg = accentColor === 'seagreen' ? 'bg-[#0CA996] hover:bg-[#098878]' : 'bg-[#FF0D8F] hover:bg-[#d90978]'; const accentText = accentColor === 'seagreen' ? 'text-[#0CA996]' : 'text-[#FF0D8F]'; const accentBgLight = accentColor === 'seagreen' ? 'bg-[#0CA996]/10' : 'bg-[#FF0D8F]/10'; const hoverBorderClass = accentColor === 'seagreen' ? 'hover:border-[#0CA996]' : 'hover:border-[#FF0D8F]'; const borderLightClass = accentColor === 'seagreen' ? 'border-[#0CA996]/30' : 'border-[#FF0D8F]/30'; const groupHoverTextClass = accentColor === 'seagreen' ? 'group-hover:text-[#0CA996]' : 'group-hover:text-[#FF0D8F]'; return (

{/* Header */}

{branch?.name || 'Branch Operations'}

{branch?.address || 'Branch location & daily management console'} ({branch?.code || 'N/A'})

Open POS Terminal

{/* Operational Alerts Banner */}

Daily Closing Status Status: {stats.closing_status}

Closing

Pending Wastage Approvals 0 ? 'text-rose-500' : 'text-slate-900 dark:text-white'}`}> {stats.pending_wastage_count} entries awaiting review

Review

Today Branch Expenses ₹{stats.expenses_total.toFixed(2)}

Expenses

{/* Hero KPI Cards */}

Branch Revenue Today ₹{stats.today_sales.toFixed(2)} From {stats.today_bills} finalized POS bills

Cash in Register ₹{stats.cash_sales.toFixed(2)} Physical drawer collection

UPI QR Digital ₹{stats.upi_sales.toFixed(2)} Instant settlements

Today Wastage ₹{stats.wastage_total.toFixed(2)} Approved spoilage loss

{/* Operational Action Cards */}

POS Billing Terminal

Create customer bills & accept cash/UPI/card.

Wastage Register

Report damaged or expired bakery items.

Branch Expenses

Log electricity, cleaning, packaging & petty cash.

Daily Closing

Submit drawer cash count & manager audit.

); }