{"id":108,"date":"2025-11-13T06:29:34","date_gmt":"2025-11-13T06:29:34","guid":{"rendered":"https:\/\/igetwallet.com\/?page_id=108"},"modified":"2025-11-13T07:17:30","modified_gmt":"2025-11-13T07:17:30","slug":"dashboard","status":"publish","type":"page","link":"https:\/\/igetwallet.com\/","title":{"rendered":"Dashboard"},"content":{"rendered":"    <style>\n        .dashboard-container {\n            font-family: 'Poppins', sans-serif;\n            padding: 20px;\n            background: #f8fafc;\n        }\n        .dashboard-title {\n            font-size: 32px;\n            font-weight: 700;\n            margin-bottom: 10px;\n            color: #1e293b;\n        }\n        .dashboard-subtitle {\n            font-size: 18px;\n            color: #475569;\n            margin-bottom: 25px;\n        }\n        .dashboard-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n        }\n        .dashboard-card {\n            background: white;\n            border-radius: 16px;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n            padding: 20px;\n            text-align: center;\n        }\n        .dashboard-card .icon {\n            font-size: 40px;\n            margin-bottom: 10px;\n        }\n        .wallet { border-top: 4px solid #3b82f6; }\n        .sales { border-top: 4px solid #22c55e; }\n        .today { border-top: 4px solid #facc15; }\n        .pending { border-top: 4px solid #ef4444; }\n        .dashboard-card h2 {\n            font-size: 22px;\n            font-weight: 700;\n            margin: 0;\n        }\n        .dashboard-card p {\n            color: #64748b;\n            margin: 5px 0 15px;\n        }\n        .dashboard-card a {\n            display: inline-block;\n            color: #1e293b;\n            font-weight: 600;\n            text-decoration: none;\n            border-radius: 10px;\n            padding: 8px 14px;\n            background: #f1f5f9;\n            transition: background 0.3s;\n        }\n        .dashboard-card a:hover {\n            background: #e2e8f0;\n        }\n    <\/style>\n\n    <div class=\"dashboard-container\">\n        <h1 class=\"dashboard-title\"> <\/h1>\n        <p class=\"dashboard-subtitle\">iGet Wallet Dashboard<\/p>\n\n        <div class=\"dashboard-grid\">\n            <div class=\"dashboard-card wallet\">\n                <div class=\"icon\">\ud83d\udcb3<\/div>\n                <h2>GHS <span id=\"walletBalance\">0.00<\/span><\/h2>\n                <p>Wallet Balance<\/p>\n                <a href=\"#\">Topup Wallet \u2192<\/a>\n            <\/div>\n\n            <div class=\"dashboard-card sales\">\n                <div class=\"icon\">\ud83d\udcc8<\/div>\n                <h2>GHS <span id=\"totalSales\">0.00<\/span><\/h2>\n                <p>Total Sales<\/p>\n                <a href=\"#\">Place Order \u2192<\/a>\n            <\/div>\n\n            <div class=\"dashboard-card today\">\n                <div class=\"icon\">\ud83d\udcc5<\/div>\n                <h2>GHS <span id=\"todaySales\">0.00<\/span><\/h2>\n                <p>Today's Sales<\/p>\n                <a href=\"#\">View Orders \u2192<\/a>\n            <\/div>\n\n            <div class=\"dashboard-card pending\">\n                <div class=\"icon\">\u23f1\ufe0f<\/div>\n                <h2><span id=\"pendingOrders\">0<\/span><\/h2>\n                <p>Pending Orders<\/p>\n                <a href=\"#\">View Orders \u2192<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Example: Fetch data from your backend API\n        fetch('https:\/\/igetwallet.com\/api\/dashboard-data.php')\n        .then(response => response.json())\n        .then(data => {\n            document.getElementById('walletBalance').innerText = data.wallet_balance || '0.00';\n            document.getElementById('totalSales').innerText = data.total_sales || '0.00';\n            document.getElementById('todaySales').innerText = data.today_sales || '0.00';\n            document.getElementById('pendingOrders').innerText = data.pending_orders || '0';\n        })\n        .catch(error => console.log('Error loading dashboard data:', error));\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-108","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/igetwallet.com\/index.php?rest_route=\/wp\/v2\/pages\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/igetwallet.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/igetwallet.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/igetwallet.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/igetwallet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=108"}],"version-history":[{"count":3,"href":"https:\/\/igetwallet.com\/index.php?rest_route=\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/igetwallet.com\/index.php?rest_route=\/wp\/v2\/pages\/108\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/igetwallet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}