{
    "type": "Page",
    "title": "CRM Dashboard",
    "content": {
        "type": "HBox",
        "style": {
            "height": "100vh"
        },
        "children": [
            {
                "type": "Drawer",
                "id": "navDrawer",
                "width": 220,
                "variant": "permanent",
                "style": {
                    "backgroundColor": "#1a1a2e"
                },
                "content": {
                    "type": "VBox",
                    "gap": 4,
                    "style": {
                        "padding": "8px"
                    },
                    "children": [
                        {
                            "type": "Text",
                            "content": "CRM System",
                            "style": {
                                "color": "#fff",
                                "fontSize": "18px",
                                "fontWeight": "bold",
                                "padding": "12px 8px"
                            }
                        },
                        {
                            "type": "Divider",
                            "style": {
                                "backgroundColor": "#333",
                                "margin": "8px 0"
                            }
                        },
                        {
                            "type": "ListTile",
                            "id": "nav_customer",
                            "leading": "people",
                            "title": "Customer Mgmt",
                            "style": {
                                "color": "#ccc"
                            },
                            "onclick": "navigate('main/customer_management/base.ui')"
                        },
                        {
                            "type": "ListTile",
                            "id": "nav_opportunity",
                            "leading": "trending_up",
                            "title": "Opportunity Mgmt",
                            "style": {
                                "color": "#ccc"
                            },
                            "onclick": "navigate('main/opportunity_management/opportunity_management.ui')"
                        },
                        {
                            "type": "ListTile",
                            "id": "nav_contract",
                            "leading": "description",
                            "title": "Contract Mgmt",
                            "style": {
                                "color": "#ccc"
                            },
                            "onclick": "navigate('main/contract_management/contract_list.ui')"
                        },
                        {
                            "type": "ListTile",
                            "id": "nav_financial",
                            "leading": "account_balance",
                            "title": "Financial Mgmt",
                            "style": {
                                "color": "#ccc"
                            },
                            "onclick": "navigate('main/financial_management/receivables.ui')"
                        },
                        {
                            "type": "Divider",
                            "style": {
                                "backgroundColor": "#333",
                                "margin": "8px 0"
                            }
                        },
                        {
                            "type": "ListTile",
                            "id": "nav_workflow",
                            "leading": "approval",
                            "title": "Workflow Approval",
                            "style": {
                                "color": "#ccc"
                            },
                            "onclick": "navigate('main/workflow_approval/base.ui')"
                        },
                        {
                            "type": "Divider",
                            "style": {
                                "backgroundColor": "#333",
                                "margin": "8px 0"
                            }
                        },
                        {
                            "type": "ListTile",
                            "id": "nav_admin",
                            "leading": "admin_panel_settings",
                            "title": "Admin",
                            "style": {
                                "color": "#ccc"
                            },
                            "onclick": "navigate('main/rbac/admin_menu.ui')"
                        },
                        {
                            "type": "ListTile",
                            "id": "nav_logout",
                            "leading": "logout",
                            "title": "Logout",
                            "style": {
                                "color": "#f44336"
                            },
                            "onclick": "navigate('/logout')"
                        }
                    ]
                }
            },
            {
                "type": "VBox",
                "style": {
                    "flex": 1,
                    "backgroundColor": "#f5f5f5"
                },
                "children": [
                    {
                        "type": "AppBar",
                        "title": "CRM Dashboard",
                        "style": {
                            "backgroundColor": "#16213e",
                            "color": "#fff"
                        },
                        "actions": [
                            {
                                "type": "Text",
                                "id": "currentUser",
                                "content": "User",
                                "style": {
                                    "color": "#fff",
                                    "marginRight": "16px"
                                }
                            }
                        ]
                    },
                    {
                        "type": "IFrame",
                        "id": "contentFrame",
                        "src": "",
                        "style": {
                            "flex": 1,
                            "border": "none"
                        }
                    }
                ]
            }
        ]
    }
}