{"id":125,"date":"2025-12-06T19:34:43","date_gmt":"2025-12-06T19:34:43","guid":{"rendered":"https:\/\/alhasubat.com\/en\/?page_id=125"},"modified":"2025-12-06T19:34:43","modified_gmt":"2025-12-06T19:34:43","slug":"virtual-wallet","status":"publish","type":"page","link":"https:\/\/alhasubat.com\/en\/virtual-wallet\/","title":{"rendered":"virtual wallet"},"content":{"rendered":"\n        <div class=\"alh-vw-wrap\" dir=\"ltr\">\n            <div class=\"alh-vw-header\">\n                <div class=\"alh-vw-title\">Virtual Trading Wallet<\/div>\n                <div class=\"alh-vw-active-box\">\n                    <span>Active Wallet:<\/span>\n                    <span id=\"alh-vw-active-name\" class=\"alh-vw-active-name\"><\/span>\n                <\/div>\n                <div class=\"alh-vw-header-buttons\">\n                    <button id=\"alh-vw-settings-btn\" class=\"alh-vw-btn secondary\">Settings<\/button>\n                    <button id=\"alh-vw-chart-btn\" class=\"alh-vw-btn secondary\">Chart<\/button>\n                <\/div>\n            <\/div>\n            \n            <!-- Period filter bar -->\n<div class=\"alh-vw-period-bar\">\n  <div class=\"alh-vw-period-grid\">\n\n    <!-- Buttons order -->\n\n    <button type=\"button\"\n            class=\"alh-vw-period-btn\"\n            data-range=\"day\">\n      Today\n    <\/button>\n\n    <button type=\"button\"\n            class=\"alh-vw-period-btn\"\n            data-range=\"week-current\">\n      Current Week\n    <\/button>\n\n    <button type=\"button\"\n            class=\"alh-vw-period-btn\"\n            data-range=\"week-last\">\n      Previous Week\n    <\/button>\n\n    <button type=\"button\"\n            class=\"alh-vw-period-btn\"\n            data-range=\"month\">\n      Month\n    <\/button>\n\n    <input type=\"date\"\n           id=\"alh-vw-period-from\"\n           class=\"alh-vw-period-input\" \/>\n\n    <input type=\"date\"\n           id=\"alh-vw-period-to\"\n           class=\"alh-vw-period-input\" \/>\n\n    <button type=\"button\"\n            id=\"alh-vw-period-clear\"\n            class=\"alh-vw-period-btn\">\n      Apply Filter\n    <\/button>\n\n  <\/div>\n<\/div>\n<!-- End period bar -->\n\n\n            <!-- Summary cards -->\n            <div class=\"alh-vw-cards-row\">\n                <div class=\"alh-vw-card\" id=\"alh-vw-card-balance\">\n                    <div class=\"alh-vw-card-label\">Wallet Balance<\/div>\n                    <div class=\"alh-vw-card-value\" id=\"alh-vw-balance\">\u2013<\/div>\n                <\/div>\n\n                <div class=\"alh-vw-card\" id=\"alh-vw-card-pl-amount\">\n                    <div class=\"alh-vw-card-label\">Profit \/ Loss (Amount)<\/div>\n                    <div class=\"alh-vw-card-value\" id=\"alh-vw-pl-amount\">\u2013<\/div>\n                <\/div>\n\n                <div class=\"alh-vw-card\" id=\"alh-vw-card-pl-percent\">\n                    <div class=\"alh-vw-card-label\">Wallet Performance<\/div>\n                    <div class=\"alh-vw-card-value\" id=\"alh-vw-pl-percent\">\u2013<\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Trades table -->\n            <div class=\"alh-vw-table-wrap\">\n                <table class=\"alh-vw-table\">\n                    <thead>\n                        <tr>\n                            <th>Date<\/th>\n                            <th>Symbol<\/th>\n                            <th>Entry Price<\/th>\n                            <th>Exit Price<\/th>\n                            <th>Quantity<\/th>\n                            <th>Direction<\/th>\n                            <th>Profit \/ Loss (Amount)<\/th>\n                            <th>Return (%)<\/th>\n                            <th>Select<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody id=\"alh-vw-tbody\"><\/tbody>\n                <\/table>\n\n                <!-- Bottom row: buttons + summary -->\n                <div class=\"alh-vw-bottom-row\">\n                    <!-- Result for Visible Period: left side -->\n                    <div class=\"alh-vw-summary-row\" id=\"alh-vw-summary\">\n                        <span class=\"alh-vw-summary-label\">Result for Visible Period:<\/span>\n                        <span id=\"alh-vw-summary-amount\" class=\"alh-vw-summary-chip\">USDT 0<\/span>\n                        <span id=\"alh-vw-summary-percent\" class=\"alh-vw-summary-chip\">0%<\/span>\n                    <\/div>\n\n                    <!-- Buttons row -->\n                    <div class=\"alh-vw-table-actions\">\n                        <button id=\"alh-vw-delete-rows\" class=\"alh-vw-btn danger\">Delete<\/button>\n                        <button id=\"alh-vw-edit-rows\" class=\"alh-vw-btn secondary\">Edit<\/button>\n                        <button id=\"alh-vw-save-rows\" class=\"alh-vw-btn primary\">Save<\/button>\n                        <button id=\"alh-vw-add-row\" class=\"alh-vw-btn ghost\">Add Row<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Pagination -->\n                <div class=\"alh-vw-pagination\" id=\"alh-vw-pagination\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Settings modal -->\n        <div class=\"alh-vw-modal\" id=\"alh-vw-settings-modal\" aria-hidden=\"true\">\n            <div class=\"alh-vw-modal-backdrop\" data-close-settings><\/div>\n            <div class=\"alh-vw-modal-content\">\n                <div class=\"alh-vw-modal-header\">\n                    <h3>Settings<\/h3>\n                    <button class=\"alh-vw-btn icon\" data-close-settings>&times;<\/button>\n                <\/div>\n\n                <div class=\"alh-vw-settings-body\">\n                    <table class=\"alh-vw-table alh-vw-settings-table\">\n                        <thead>\n                            <tr>\n                                <th>Active<\/th>\n                                <th>Wallet Name<\/th>\n                                <th>Wallet Amount<\/th>\n                                <th>Wallet Currency<\/th>\n                                <th>Symbols<\/th>\n                                <th>Delete<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody id=\"alh-vw-wallets-tbody\"><\/tbody>\n                    <\/table>\n\n                    <div class=\"alh-vw-settings-footer-top\">\n                        <button id=\"alh-vw-add-wallet\" class=\"alh-vw-btn ghost\">Add Wallet<\/button>\n                    <\/div>\n\n                    <div class=\"alh-vw-settings-summary\">\n                        <span>Active Wallet Summary:<\/span>\n                        <span id=\"alh-vw-settings-active-balance\">\u2013<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"alh-vw-modal-footer\">\n                    <button id=\"alh-vw-save-wallets\" class=\"alh-vw-btn primary\">Save Wallets<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Chart modal -->\n        <div class=\"alh-vw-modal\" id=\"alh-vw-chart-modal\" aria-hidden=\"true\">\n            <div class=\"alh-vw-modal-backdrop\" data-close-chart><\/div>\n            <div class=\"alh-vw-modal-content large\">\n                <div class=\"alh-vw-modal-header\">\n                    <h3>Wallet Chart<\/h3>\n                    <button class=\"alh-vw-btn icon\" data-close-chart>&times;<\/button>\n                <\/div>\n\n                <div class=\"alh-vw-chart-tabs\">\n                    <button class=\"alh-vw-tab active\" data-range=\"daily\">Daily<\/button>\n                    <button class=\"alh-vw-tab\" data-range=\"weekly\">Weekly<\/button>\n                    <button class=\"alh-vw-tab\" data-range=\"monthly\">Monthly<\/button>\n                    <button class=\"alh-vw-tab\" data-range=\"yearly\">Yearly<\/button>\n                <\/div>\n\n                <div class=\"alh-vw-chart-body\">\n                    <canvas id=\"alh-vw-chart-canvas\"><\/canvas>\n                <\/div>\n\n                <div class=\"alh-vw-chart-cards\">\n                    <div class=\"alh-vw-card small\">\n                        <div class=\"alh-vw-card-label\">Current Balance<\/div>\n                        <div class=\"alh-vw-card-value\" id=\"alh-vw-chart-current\">\u2013<\/div>\n                    <\/div>\n                    <div class=\"alh-vw-card small\">\n                        <div class=\"alh-vw-card-label\">Highest Balance<\/div>\n                        <div class=\"alh-vw-card-value\" id=\"alh-vw-chart-high\">\u2013<\/div>\n                    <\/div>\n                    <div class=\"alh-vw-card small\">\n                        <div class=\"alh-vw-card-label\">Lowest Balance<\/div>\n                        <div class=\"alh-vw-card-value\" id=\"alh-vw-chart-low\">\u2013<\/div>\n                    <\/div>\n                    <div class=\"alh-vw-card small\">\n                        <div class=\"alh-vw-card-label\">Change (%)<\/div>\n                        <div class=\"alh-vw-card-value\" id=\"alh-vw-chart-change\">\u2013<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\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":{"footnotes":""},"class_list":["post-125","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alhasubat.com\/en\/wp-json\/wp\/v2\/pages\/125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alhasubat.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alhasubat.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alhasubat.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alhasubat.com\/en\/wp-json\/wp\/v2\/comments?post=125"}],"version-history":[{"count":0,"href":"https:\/\/alhasubat.com\/en\/wp-json\/wp\/v2\/pages\/125\/revisions"}],"wp:attachment":[{"href":"https:\/\/alhasubat.com\/en\/wp-json\/wp\/v2\/media?parent=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}