{"id":35,"date":"2026-01-21T16:24:21","date_gmt":"2026-01-21T16:24:21","guid":{"rendered":"https:\/\/dev.mikeybryce.com\/?page_id=35"},"modified":"2026-01-21T16:28:45","modified_gmt":"2026-01-21T16:28:45","slug":"client-matching-vp-mockup","status":"publish","type":"page","link":"https:\/\/dev.mikeybryce.com\/?page_id=35","title":{"rendered":"Client Matching VP Mockup"},"content":{"rendered":"        <div id=\"vp-client-matching-app\">\n            \n            <!-- Main Content -->\n            <main class=\"vp-main\">\n                <h1 class=\"vp-page-title\">Client Name Matching<\/h1>\n                <p class=\"vp-page-subtitle\">Match your client names to our system records for accurate reporting<\/p>\n\n                <!-- Stats -->\n                <div class=\"vp-stats-bar\">\n                    <div class=\"vp-stat-card\">\n                        <div class=\"vp-stat-icon pending\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <div class=\"vp-stat-number\" id=\"vp-pending-count\">0<\/div>\n                            <div class=\"vp-stat-label\">Pending Review<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"vp-stat-card\">\n                        <div class=\"vp-stat-icon mapped\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <div class=\"vp-stat-number\" id=\"vp-mapped-count\">0<\/div>\n                            <div class=\"vp-stat-label\">Mapped<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"vp-stat-card\">\n                        <div class=\"vp-stat-icon rejected\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <div class=\"vp-stat-number\" id=\"vp-rejected-count\">0<\/div>\n                            <div class=\"vp-stat-label\">Rejected<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Search -->\n                <div class=\"vp-search-bar\">\n                    <input type=\"text\" class=\"vp-search-input\" id=\"vp-search-input\" placeholder=\"Search clients...\">\n                <\/div>\n\n                <!-- Pending Section -->\n                <div class=\"vp-section\" id=\"vp-pending-section\">\n                    <div class=\"vp-section-header\">\n                        <h2>Pending Review<\/h2>\n                        <span class=\"vp-section-count\" id=\"vp-pending-section-count\">0<\/span>\n                    <\/div>\n                    <div class=\"vp-client-list\" id=\"vp-pending-list\"><\/div>\n                <\/div>\n\n                <!-- Mapped Section -->\n                <div class=\"vp-section\" id=\"vp-mapped-section\">\n                    <div class=\"vp-section-header\">\n                        <h2>Already Mapped<\/h2>\n                        <span class=\"vp-section-count\" id=\"vp-mapped-section-count\">0<\/span>\n                    <\/div>\n                    <div class=\"vp-client-list\" id=\"vp-mapped-list\"><\/div>\n                <\/div>\n\n                <!-- Rejected Section -->\n                <div class=\"vp-section\" id=\"vp-rejected-section\">\n                    <div class=\"vp-section-header\">\n                        <h2>Rejected<\/h2>\n                        <span class=\"vp-section-count\" id=\"vp-rejected-section-count\">0<\/span>\n                    <\/div>\n                    <div class=\"vp-client-list\" id=\"vp-rejected-list\"><\/div>\n                <\/div>\n            <\/main>\n\n            \n            <!-- Toast -->\n            <div class=\"vp-toast\" id=\"vp-toast\"><\/div>\n        <\/div>\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-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.mikeybryce.com\/index.php?rest_route=\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.mikeybryce.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.mikeybryce.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.mikeybryce.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.mikeybryce.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":2,"href":"https:\/\/dev.mikeybryce.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/dev.mikeybryce.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/dev.mikeybryce.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}