import React, { useMemo, useRef, useState } from 'react'; import { Head } from '@inertiajs/react'; import AppLayout from '@/Layouts/AppLayout'; import { ChevronRight, ClipboardList, Clock3, Heart, Home, LockKeyhole, LogOut, MapPin, PackageCheck, RefreshCcw, Star, Truck, User, UserCircle2, XCircle, Box, Store, Upload, } from 'lucide-react'; const menuIconMap = { dashboard: Home, profile: User, orders: ClipboardList, returns: RefreshCcw, favorites: Heart, reviews: Star, addresses: MapPin, password: LockKeyhole, 'track-order': Truck, logout: LogOut, }; const summaryIconMap = { pending: Clock3, processing: Box, delivered: PackageCheck, cancelled: XCircle, }; const summaryColorMap = { yellow: 'bg-orange-100 text-orange-500', blue: 'bg-blue-100 text-blue-600', green: 'bg-green-100 text-green-600', red: 'bg-red-100 text-red-600', }; function taka(value) { return `৳ ${Number(value || 0).toFixed(2)}`; } function StatusBadge({ status }) { const normalized = String(status || '').toLowerCase(); const classes = normalized === 'pending' ? 'bg-orange-50 text-[#FD7101] border border-orange-100' : normalized === 'processing' ? 'bg-blue-50 text-blue-600 border border-blue-100' : normalized === 'delivered' ? 'bg-green-50 text-green-600 border border-green-100' : normalized === 'cancelled' ? 'bg-red-50 text-red-600 border border-red-100' : 'bg-slate-100 text-slate-600 border border-slate-200'; return ( {status} ); } function StatCard({ item }) { const Icon = summaryIconMap[item.key] || Box; const colorClass = summaryColorMap[item.color] || 'bg-slate-100 text-slate-600'; return (

{item.title}

{item.count}

); } function SideMenuItem({ item, active = false, onClick }) { const Icon = menuIconMap[item.key] || ChevronRight; return ( ); } function MobileMenuCard({ item, active = false, onClick }) { const Icon = menuIconMap[item.key] || ChevronRight; return ( ); } function ProductCell({ order }) { return (
{order.image ? ( {order.product_name} ) : (
)}

{order.product_name}

{order.sku}

); } function RecentOrdersTable({ recentOrders = [] }) { return (
{recentOrders.length > 0 ? ( recentOrders.map((order) => ( )) ) : ( )}
Order No Product Price Qty Total Status

#{order.id}

{order.placed_on}

{taka(order.price)} {order.qty} {taka(order.total)}
No recent order found
); } function RecentOrdersMobileCards({ recentOrders = [] }) { if (!recentOrders.length) { return (
No recent order found
); } return (
{recentOrders.map((order) => (
{order.image ? ( {order.product_name} ) : (
)}

#{order.id}

{order.product_name}

{order.placed_on}

Price

{taka(order.price)}

Qty

{order.qty}

Total

{taka(order.total)}

))}
); } function EmptyOptionBox({ activeItem }) { const Icon = menuIconMap[activeItem?.key] || Home; return (

{activeItem?.name || 'Dashboard'}

{/* Static card selected. Link/route পরে add করা যাবে। */}

); } export default function Dashboard({ user = {}, summary = [], menuItems = [], recentOrders = [], }) { const fileInputRef = useRef(null); const safeMenuItems = useMemo(() => { if (menuItems.length) return menuItems; return [ { key: 'dashboard', name: 'Dashboard' }, { key: 'profile', name: 'Profile' }, { key: 'orders', name: 'Orders' }, { key: 'returns', name: 'Returns' }, { key: 'favorites', name: 'Favorites' }, { key: 'reviews', name: 'Reviews' }, { key: 'addresses', name: 'Addresses' }, { key: 'password', name: 'Password' }, { key: 'track-order', name: 'Track Order' }, { key: 'logout', name: 'Logout' }, ]; }, [menuItems]); const [activeKey, setActiveKey] = useState(safeMenuItems[0]?.key || 'dashboard'); const [avatarPreview, setAvatarPreview] = useState(user.avatar || ''); const activeItem = safeMenuItems.find((item) => item.key === activeKey) || safeMenuItems[0]; const handleImageUpload = (event) => { const file = event.target.files?.[0]; if (!file) return; if (!file.type.startsWith('image/')) { event.target.value = ''; return; } const imageUrl = URL.createObjectURL(file); setAvatarPreview(imageUrl); }; return (
Home Dashboard

{activeItem?.name || 'Dashboard'}

{/* Mobile card click করলে এই selected option দেখাবে। */}

{summary.map((item) => ( ))}

Recent Orders

Want to Sell with Us?

Easy Tracking, fast Payment, and safe Delivery across country.

); }