{"id":55,"date":"2026-02-16T10:48:20","date_gmt":"2026-02-16T10:48:20","guid":{"rendered":"https:\/\/ezydoctor.myezyapp.com\/?page_id=55"},"modified":"2026-02-16T11:19:48","modified_gmt":"2026-02-16T11:19:48","slug":"doctor-desk","status":"publish","type":"page","link":"https:\/\/ezydoctor.myezyapp.com\/index.php\/doctor-desk\/","title":{"rendered":"Doctor Desk"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">    <style>\r\n        :root { --p-blue: #0052FF; --p-dark: #0F172A; --p-border: #E2E8F0; --p-muted: #64748B; }\r\n        .site-header, .site-footer, .ast-breadcrumb, #wpadminbar { display: none !important; }\r\n        html { margin-top: 0 !important; }\r\n\r\n        #ezy-app { background: #f1f5f9; min-height: 100vh; font-family: 'Plus Jakarta Sans', sans-serif; padding: 60px 0; }\r\n        .doc-canvas { width: 100%; max-width: 1000px; margin: 0 auto; background: #fff; box-shadow: 0 50px 100px -20px rgba(0,0,0,0.1); border-top: 12px solid var(--p-dark); display: flex; flex-direction: column; position: relative; }\r\n\r\n        \/* Professional Header - Logo Scaled for Authority *\/\r\n        .doc-head { padding: 50px 60px; display: grid; grid-template-columns: 240px 1fr 180px; gap: 40px; border-bottom: 2px solid var(--p-dark); align-items: center; }\r\n        .logo-upload-zone { width: 220px; height: 110px; border: 2px dashed var(--p-border); border-radius: 12px; display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; transition: 0.3s; }\r\n        .logo-upload-zone:hover { border-color: var(--p-blue); background: #f8faff; }\r\n        #logo-display { width: 100%; height: 100%; object-fit: contain; }\r\n        .logo-hint { font-size: 10px; font-weight: 800; color: var(--p-muted); text-align: center; text-transform: uppercase; }\r\n\r\n        .head-mid h1 { font-family: 'Playfair Display', serif; font-size: 26px; margin: 0; font-weight: 800; text-transform: uppercase; line-height: 1.1; }\r\n\r\n        .data-bar { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; background: #f8fafc; border-bottom: 1px solid var(--p-border); }\r\n        .data-item { padding: 15px 25px; border-right: 1px solid var(--p-border); }\r\n        .data-item label { display: block; font-size: 9px; font-weight: 800; color: var(--p-blue); text-transform: uppercase; margin-bottom: 4px; }\r\n        .data-item input { width: 100%; border: none; background: transparent; font-weight: 700; font-size: 14px; outline: none; font-family: 'JetBrains Mono', monospace; }\r\n\r\n        .doc-body { display: flex; min-height: 700px; }\r\n        .sidebar { width: 240px; border-right: 1.5px solid var(--p-dark); padding: 40px 25px; background: #fdfdfd; }\r\n        .side-sec h3 { font-size: 11px; font-weight: 800; text-transform: uppercase; border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 15px; color: #be123c; }\r\n        .side-input { width: 100%; height: 80px; border: none; outline: none; font-size: 12px; resize: none; background: transparent; border-bottom: 1px dashed #ccc; margin-bottom: 30px; }\r\n\r\n        .main-stage { flex: 1; padding: 40px 50px; }\r\n        .med-table { width: 100%; border-collapse: collapse; margin-bottom: 40px; }\r\n        .med-table th { text-align: left; font-size: 11px; text-transform: uppercase; padding: 12px 0; border-bottom: 2px solid var(--p-dark); }\r\n        .med-table td { padding: 15px 0; border-bottom: 1px solid #f1f5f9; }\r\n        .med-table input { width: 95%; border: none; outline: none; font-size: 14px; font-family: 'JetBrains Mono', monospace; }\r\n\r\n        .verification-footer { padding: 40px 60px; display: flex; justify-content: space-between; align-items: flex-end; border-top: 1px solid #f1f5f9; background: #fafafa; }\r\n        #qrcode { width: 80px; height: 80px; background: #fff; padding: 5px; border: 1px solid #eee; }\r\n\r\n        .dock-ui { position: fixed; bottom: 40px; left: 50%; transform: translateX(-50%); background: #fff; padding: 10px; border-radius: 12px; display: flex; gap: 12px; box-shadow: 0 20px 50px rgba(0,0,0,0.1); border: 1px solid var(--p-border); z-index: 2000; }\r\n        .btn-ui { padding: 15px 35px; border-radius: 6px; border: none; font-weight: 800; font-size: 13px; cursor: pointer; display: flex; align-items: center; gap: 10px; }\r\n\r\n        @media print { .dock-ui, .add-row, #wpadminbar, .logo-hint { display: none !important; } .doc-canvas { border: none; box-shadow: none; width: 100%; } .logo-upload-zone { border: none; } }\r\n    <\/style>\r\n\r\n    <div id=\"ezy-app\">\r\n        <div class=\"doc-canvas\" id=\"canvas-v38\">\r\n            <header class=\"doc-head\">\r\n                <div class=\"logo-box\" onclick=\"document.getElementById('brand-logo-input').click()\">\r\n                    <div class=\"logo-upload-zone\" id=\"logo-workspace-preview\">\r\n                        <span class=\"logo-hint\">Upload Official<br>Clinic Logo<\/span>\r\n                    <\/div>\r\n                    <input type=\"file\" id=\"brand-logo-input\" style=\"display:none\" onchange=\"persistLogo(this)\">\r\n                <\/div>\r\n                <div class=\"head-mid\">\r\n                    <input type=\"text\" value=\"SURGICAL DIAGNOSTICS CENTER\" style=\"font-family:'Playfair Display'; font-size:26px; border:none; outline:none; font-weight:800; width:100%; text-transform:uppercase;\">\r\n                    <p>Clinical Operating System \/ License #MC-2026-X90<\/p>\r\n                <\/div>\r\n                <div style=\"text-align:right;\">\r\n                    <input type=\"text\" value=\"Dr. Johnathan Smith\" style=\"text-align:right; font-weight:800; border:none; outline:none; display:block; width:100%;\">\r\n                    <p style=\"font-size:11px; color:var(--p-muted); margin:0;\">MD, Cardiology Specialist<\/p>\r\n                <\/div>\r\n            <\/header>\r\n\r\n            <div class=\"data-bar\">\r\n                <div class=\"data-item\"><label>Patient Name<\/label><input type=\"text\" id=\"p_name\" placeholder=\"Full Name\"><\/div>\r\n                <div class=\"data-item\"><label>Age\/Sex<\/label><input type=\"text\" placeholder=\"32Y \/ M\"><\/div>\r\n                <div class=\"data-item\"><label>Date<\/label><input type=\"text\" value=\"16.07.2026\"><\/div>\r\n                <div class=\"data-item\" style=\"border:none;\"><label>ID No.<\/label><input type=\"text\" value=\"RX-1C9C\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doc-body\">\r\n                <aside class=\"sidebar\">\r\n                    <div class=\"side-sec\">\r\n                        <h3>Chief Complaints<\/h3>\r\n                        <textarea class=\"side-input\" placeholder=\"Primary symptoms...\"><\/textarea>\r\n                    <\/div>\r\n                <\/aside>\r\n\r\n                <main class=\"main-stage\">\r\n                    <table class=\"med-table\" id=\"v38Table\">\r\n                        <thead><tr><th width=\"50%\">Drug Description<\/th><th width=\"20%\">Freq<\/th><th width=\"25%\">Duration<\/th><th width=\"5%\"><\/th><\/tr><\/thead>\r\n                        <tbody>\r\n                            <tr>\r\n                                <td><input type=\"text\" placeholder=\"Medication name...\"><\/td>\r\n                                <td><input type=\"text\" placeholder=\"1-0-1\"><\/td>\r\n                                <td><input type=\"text\" placeholder=\"7 Days\"><\/td>\r\n                                <td><button onclick=\"this.closest('tr').remove()\" style=\"background:none; border:none; color:#eee; cursor:pointer;\"><i class=\"fa-solid fa-xmark\"><\/i><\/button><\/td>\r\n                            <\/tr>\r\n                        <\/tbody>\r\n                    <\/table>\r\n                    <button onclick=\"v38AddRow()\" style=\"margin-top:-20px; background:none; border:1px dashed var(--p-border); width:100%; padding:15px; cursor:pointer; font-weight:800; color:var(--p-blue); margin-bottom:40px;\">+ APPEND ENTRY<\/button>\r\n\r\n                    <div style=\"font-size:10px; font-weight:800; text-transform:uppercase; color:var(--p-muted); border-bottom:1px solid var(--p-border); padding-bottom:8px; margin-bottom:20px;\">Investigations Required<\/div>\r\n                    <textarea style=\"width:100%; height:120px; border:none; outline:none; font-family:'JetBrains Mono'; font-size:13px; line-height:1.8; resize:none; background:transparent;\" placeholder=\"List lab tests...\"><\/textarea>\r\n                <\/main>\r\n            <\/div>\r\n\r\n            <footer class=\"verification-footer\">\r\n                <div id=\"qrcode\"><\/div>\r\n                <div style=\"text-align:center; width: 220px; border-top: 2px solid var(--p-dark); padding-top: 10px;\"><span style=\"font-size:10px; font-weight:800;\">Authorized Clinician<\/span><\/div>\r\n            <\/footer>\r\n        <\/div>\r\n\r\n        <div class=\"dock-ui\">\r\n            <button class=\"btn-ui\" style=\"background:var(--p-dark); color:#fff;\" onclick=\"v38SavePDF()\"><i class=\"fa-solid fa-file-pdf\"><\/i> EXPORT PDF<\/button>\r\n            <button class=\"btn-ui\" style=\"background:var(--p-blue); color:#fff;\" onclick=\"window.print()\"><i class=\"fa-solid fa-print\"><\/i> PRINT<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ PERSISTENCE ENGINE: Saves logo to browser memory\r\n        function persistLogo(input) {\r\n            if (input.files && input.files[0]) {\r\n                var reader = new FileReader();\r\n                reader.onload = function(e) {\r\n                    const logoData = e.target.result;\r\n                    localStorage.setItem('ezy_brand_logo', logoData); \/\/ SAVE\r\n                    loadGlobalLogo(); \/\/ UPDATE UI\r\n                };\r\n                reader.readAsDataURL(input.files[0]);\r\n            }\r\n        }\r\n\r\n        function loadGlobalLogo() {\r\n    const savedLogo = localStorage.getItem('ezy_brand_logo');\r\n    if(savedLogo) {\r\n        const preview = document.getElementById('logo-workspace-preview');\r\n        if(preview) {\r\n            \/\/ Updated: Removed height 100% and added max-constraints\r\n            preview.innerHTML = `<img decoding=\"async\" src=\"${savedLogo}\" id=\"logo-display\" style=\"max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;\">`;\r\n        }\r\n    }\r\n}\r\n\r\n        window.onload = function() { \r\n            loadGlobalLogo();\r\n            new QRCode(document.getElementById(\"qrcode\"), { text: window.location.href, width: 70, height: 70 }); \r\n        };\r\n\r\n        function v38AddRow() { const row = document.getElementById(\"v38Table\").getElementsByTagName('tbody')[0].insertRow();\r\n            row.innerHTML = `<td><input type=\"text\"><\/td><td><input type=\"text\"><\/td><td><input type=\"text\"><\/td><td><button onclick=\"this.closest('tr').remove()\" style=\"background:none; border:none; color:#eee;\"><i class=\"fa-solid fa-xmark\"><\/i><\/button><\/td>`; }\r\n        function v38SavePDF() { const el = document.getElementById('canvas-v38'); const nm = document.getElementById('p_name').value || 'Doc';\r\n            html2pdf().set({ margin: 0.5, filename: 'Hospital_Doc_'+nm+'.pdf', html2canvas: {scale:2} }).from(el).save(); }\r\n    <\/script>\r\n    <\/p>\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":{"_acf_changed":false,"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":"","ast-disable-related-posts":"","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-55","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ezydoctor.myezyapp.com\/index.php\/wp-json\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ezydoctor.myezyapp.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ezydoctor.myezyapp.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ezydoctor.myezyapp.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ezydoctor.myezyapp.com\/index.php\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":2,"href":"https:\/\/ezydoctor.myezyapp.com\/index.php\/wp-json\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/ezydoctor.myezyapp.com\/index.php\/wp-json\/wp\/v2\/pages\/55\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/ezydoctor.myezyapp.com\/index.php\/wp-json\/wp\/v2\/media?parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}