Loading Map...
,
+});
+
+export default function DashboardPage() {
+ const { user, isLoading, logout } = useAuth();
+ const router = useRouter();
+ const [activeTab, setActiveTab] = useState('dashboard');
+ const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+
+ useEffect(() => {
+ if (!isLoading && !user) {
+ router.push('/login');
+ }
+ }, [user, isLoading, router]);
+
+
+ if (isLoading || !user) {
+ return Loading...
;
+ }
+
+ const menuItems = [
+ { id: 'dashboard', label: 'Dashboard', icon: LayoutDashboard },
+ ...(user?.role === 'ADMIN' || user?.role === 'GENERAL_MANAGER' ? [{ id: 'tracking', label: 'Live Tracking', icon: Map }] : []),
+ { id: 'opportunities', label: 'Opportunities', icon: Briefcase },
+ { id: 'clients', label: 'Clients', icon: Users },
+ { id: 'quotes', label: 'Quotes', icon: FileText },
+ { id: 'expenses', label: 'Expenses', icon: IndianRupee },
+ { id: 'incentives', label: 'Incentives', icon: TrendingUp },
+ { id: 'reports', label: 'Reports', icon: BarChart },
+ ...(user?.role === 'ADMIN' || user?.role === 'GENERAL_MANAGER' ? [{ id: 'targets', label: 'Targets', icon: Target }] : []),
+ { id: 'followups', label: 'Follow-ups', icon: CalendarCheck },
+ { id: 'call-logs', label: 'Call Logs', icon: PhoneCall },
+ ...(user?.role === 'ADMIN' || user?.role === 'GENERAL_MANAGER' ? [{ id: 'funnel-analysis', label: 'Funnel Analysis', icon: GitMerge }] : []),
+ { id: 'products', label: 'Products', icon: Package },
+ { id: 'users', label: 'Users', icon: UserPlus },
+ { id: 'settings', label: 'Settings', icon: SettingsIcon },
+ ];
+
+ const renderContent = () => {
+ switch (activeTab) {
+ case 'dashboard':
+ return
+ {/* Top Navigation - Odoo 17 Style */}
+
+
+
+ {/* Sidebar - Odoo 17 Style */}
+
+
+ {/* Main Content */}
+
+
+ {renderContent()}
+
+
+
+