{"id":67,"date":"2025-11-21T08:27:49","date_gmt":"2025-11-21T08:27:49","guid":{"rendered":"https:\/\/dmdhospital.go.th\/?page_id=67"},"modified":"2025-12-03T05:36:34","modified_gmt":"2025-12-03T05:36:34","slug":"%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%81%e0%b8%b2%e0%b8%a3","status":"publish","type":"page","link":"https:\/\/dmdhospital.go.th\/?page_id=67","title":{"rendered":"\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23"},"content":{"rendered":"\n
\n
\n\n \n \n \u0e15\u0e32\u0e23\u0e32\u0e07\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e19\u0e2d\u0e01 \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e14\u0e2d\u0e19\u0e21\u0e14\u0e41\u0e14\u0e07<\/title>\n <!-- Tailwind CSS CDN -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <!-- Prompt Font from Google Fonts -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49\u0e1f\u0e2d\u0e19\u0e15\u0e4c Prompt \u0e17\u0e31\u0e48\u0e27\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e19\u0e49\u0e32 *\/\n body {\n font-family: 'Prompt', sans-serif;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen bg-slate-50 pb-12\">\n\n <!-- Header Section (Static HTML) -->\n <div class=\"bg-gradient-to-r from-emerald-600 to-teal-700 text-white shadow-lg rounded-b-[2.5rem] px-6 pt-10 pb-16 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 opacity-10 transform translate-x-10 -translate-y-10\">\n <!-- Activity Icon SVG -->\n <!-- <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"300\" height=\"300\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12H18a5 5 0 0 0-5 5v2a5 5 0 0 0 5 5h4V12zM2 12h4a5 5 0 0 1 5 5v2a5 5 0 0 1-5 5H2V12z\"\/><\/svg> -->\n <\/div>\n \n <div class=\"max-w-5xl mx-auto flex flex-col md:flex-row items-center justify-between relative z-10 gap-6\">\n <div class=\"flex items-center gap-5\">\n <div class=\"bg-white p-3 rounded-full shadow-xl\">\n <!-- Activity Icon SVG for Hospital Logo -->\n <!--<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-12 h-12 text-emerald-600\"><path d=\"M22 12H18a5 5 0 0 0-5 5v2a5 5 0 0 0 5 5h4V12zM2 12h4a5 5 0 0 1 5 5v2a5 5 0 0 1-5 5H2V12z\"\/><\/svg> -->\n <img decoding=\"async\" src=\"https:\/\/dmdhospital.go.th\/wp-content\/uploads\/2025\/11\/cropped-\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e1.png\" width=\"100\" height=\"100\" alt=\"logo\">\n <\/div>\n <div class=\"text-center md:text-left\">\n <h1 class=\"text-2xl md:text-3xl font-bold mb-1\">\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e14\u0e2d\u0e19\u0e21\u0e14\u0e41\u0e14\u0e07<\/h1>\n <p class=\"text-emerald-100 text-lg font-light\">\u0e15\u0e32\u0e23\u0e32\u0e07\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e19\u0e2d\u0e01 (OPD)<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-3 text-sm font-medium bg-emerald-800\/30 p-2 rounded-lg backdrop-blur-sm\">\n <div class=\"flex items-center gap-2 px-3 py-1 bg-white\/10 rounded-md\">\n <!-- Sun Icon SVG -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-yellow-300\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2\"\/><path d=\"M12 20v2\"\/><path d=\"M20 12h2\"\/><path d=\"M2 12h2\"\/><path d=\"m18.364 5.636-.707.707\"\/><path d=\"m6.343 17.657-.707.707\"\/><path d=\"m5.636 5.636.707.707\"\/><path d=\"m17.657 17.657.707.707\"\/><\/svg>\n 08:00 – 12:00\n <\/div>\n <div class=\"flex items-center gap-2 px-3 py-1 bg-white\/10 rounded-md\">\n <!-- Moon Icon SVG -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-blue-200\"><path d=\"M12 3a6.364 6.364 0 0 0 9 9 9 9 0 1 1-9-9Z\"\/><\/svg>\n 13:00 – 16:00\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Main Content Container (Will be populated by JavaScript) -->\n <!--<div id=\"main-content-area\" class=\"max-w-6xl mx-auto px-4 -mt-8 relative z-20\"> -->\n <div id=\"main-content-area\" class=\"max-w-6xl mx-auto px-4 -mt-8 relative z-20\">\n <!-- JavaScript will render the schedule cards here -->\n <\/div>\n \n <script>\n \/\/ \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e32\u0e23\u0e32\u0e07\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e19\u0e2d\u0e01\n const scheduleData = [\n {\n day: \"\u0e27\u0e31\u0e19\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c\",\n color: \"bg-yellow-100 text-yellow-800 border-yellow-200\",\n accent: \"bg-yellow-500\",\n morning: [\n { name: \"\u0e15\u0e23\u0e27\u0e08\u0e42\u0e23\u0e04\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\", type: \"general\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e04\u0e27\u0e32\u0e21\u0e14\u0e31\u0e19\u0e42\u0e25\u0e2b\u0e34\u0e15\u0e2a\u0e39\u0e07\", type: \"chronic\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e42\u0e23\u0e04\u0e15\u0e34\u0e14\u0e40\u0e0a\u0e37\u0e49\u0e2d\", type: \"infectious\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e21\u0e35\u0e1a\u0e38\u0e15\u0e23\", type: \"special\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e1d\u0e32\u0e01\u0e04\u0e23\u0e23\u0e20\u0e4c\u0e23\u0e32\u0e22\u0e43\u0e2b\u0e21\u0e48\", type: \"maternal\" }\n ],\n afternoon: [\n { name: \"\u0e15\u0e23\u0e27\u0e08\u0e42\u0e23\u0e04\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\", type: \"general\" }\n ]\n },\n {\n day: \"\u0e27\u0e31\u0e19\u0e2d\u0e31\u0e07\u0e04\u0e32\u0e23\",\n color: \"bg-pink-100 text-pink-800 border-pink-200\",\n accent: \"bg-pink-500\",\n morning: [\n { name: \"\u0e15\u0e23\u0e27\u0e08\u0e42\u0e23\u0e04\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\", type: \"general\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e40\u0e1a\u0e32\u0e2b\u0e27\u0e32\u0e19\", type: \"chronic\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\", type: \"special\" }\n ],\n afternoon: [\n { name: \"\u0e15\u0e23\u0e27\u0e08\u0e42\u0e23\u0e04\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\", type: \"general\" }\n ]\n },\n {\n day: \"\u0e27\u0e31\u0e19\u0e1e\u0e38\u0e18\",\n color: \"bg-green-100 text-green-800 border-green-200\",\n accent: \"bg-green-600\",\n morning: [\n { name: \"\u0e15\u0e23\u0e27\u0e08\u0e42\u0e23\u0e04\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\", type: \"general\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e40\u0e1a\u0e32\u0e2b\u0e27\u0e32\u0e19\", type: \"chronic\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e40\u0e14\u0e47\u0e01\u0e14\u0e35 \/ \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e14\u0e47\u0e01\", type: \"kids\" }\n ],\n afternoon: [\n { name: \"\u0e15\u0e23\u0e27\u0e08\u0e42\u0e23\u0e04\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\", type: \"general\" }\n ]\n },\n {\n day: \"\u0e27\u0e31\u0e19\u0e1e\u0e24\u0e2b\u0e31\u0e2a\u0e1a\u0e14\u0e35\",\n color: \"bg-orange-100 text-orange-800 border-orange-200\",\n accent: \"bg-orange-500\",\n morning: [\n { name: \"\u0e15\u0e23\u0e27\u0e08\u0e42\u0e23\u0e04\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\", type: \"general\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e04\u0e27\u0e32\u0e21\u0e14\u0e31\u0e19\u0e42\u0e25\u0e2b\u0e34\u0e15\u0e2a\u0e39\u0e07\", type: \"chronic\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e27\u0e32\u0e1f\u0e32\u0e23\u0e34\u0e19\", type: \"special\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e44\u0e17\u0e23\u0e2d\u0e22\u0e14\u0e4c\", type: \"special\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e27\u0e31\u0e13\u0e42\u0e23\u0e04\", type: \"infectious\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e1d\u0e32\u0e01\u0e04\u0e23\u0e23\u0e20\u0e4c\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\", type: \"maternal\" }\n ],\n afternoon: [\n { name: \"\u0e15\u0e23\u0e27\u0e08\u0e42\u0e23\u0e04\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\", type: \"general\" }\n ]\n },\n {\n day: \"\u0e27\u0e31\u0e19\u0e28\u0e38\u0e01\u0e23\u0e4c\",\n color: \"bg-blue-100 text-blue-800 border-blue-200\",\n accent: \"bg-blue-500\",\n morning: [\n { name: \"\u0e15\u0e23\u0e27\u0e08\u0e42\u0e23\u0e04\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\", type: \"general\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e42\u0e23\u0e04\u0e2b\u0e2d\u0e1a\u0e2b\u0e37\u0e14 \/ \u0e08\u0e34\u0e15\u0e40\u0e27\u0e0a\", type: \"lung\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e16\u0e38\u0e07\u0e25\u0e21\u0e42\u0e1b\u0e48\u0e07\u0e1e\u0e2d\u0e07\", type: \"lung\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e04\u0e27\u0e32\u0e21\u0e14\u0e31\u0e19\u0e42\u0e25\u0e2b\u0e34\u0e15\u0e2a\u0e39\u0e07\", type: \"chronic\" },\n { name: \"\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e1d\u0e32\u0e01\u0e04\u0e23\u0e23\u0e20\u0e4c\u0e23\u0e32\u0e22\u0e40\u0e01\u0e48\u0e32\", type: \"maternal\" }\n ],\n afternoon: [\n { name: \"\u0e15\u0e23\u0e27\u0e08\u0e42\u0e23\u0e04\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\", type: \"general\" }\n ]\n }\n ];\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e41\u0e1b\u0e25\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e40\u0e1b\u0e47\u0e19 SVG Icon\n function getIconSvg(type, classes = \"w-4 h-4 mr-2\") {\n \/\/ \u0e43\u0e0a\u0e49 SVG path \u0e41\u0e17\u0e19 Lucide React component\n const icons = {\n 'general': `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"${classes}\"><path d=\"M14 2h6v6\"\/><path d=\"M18 13v7\"\/><path d=\"M10 13l2.887-2.887a1.5 1.5 0 0 0-.083-2.11L7.5 3.5a1.5 1.5 0 0 0-2.11-.083L2 6\"\/><path d=\"M22 6L9 19\"\/><\/svg>`, \/\/ Stethoscope\n 'chronic': `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"${classes}\"><path d=\"M22 12H18a5 5 0 0 0-5 5v2a5 5 0 0 0 5 5h4V12zM2 12h4a5 5 0 0 1 5 5v2a5 5 0 0 1-5 5H2V12z\"\/><\/svg>`, \/\/ Activity\n 'maternal': `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"${classes}\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>`, \/\/ Heart\n 'kids': `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"${classes}\"><path d=\"M8 8a3 3 0 1 0 6 0 3 3 0 1 0-6 0\"\/><path d=\"M9 13v9\"\/><path d=\"M15 13v9\"\/><path d=\"M3 13h18\"\/><\/svg>`, \/\/ Baby\n 'infectious': `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"${classes}\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"\/><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"\/><\/svg>`, \/\/ AlertCircle\n 'lung': `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"${classes}\"><path d=\"M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242\"\/><path d=\"M12 12v6\"\/><path d=\"M8 18h8\"\/><\/svg>`, \/\/ \u0e43\u0e0a\u0e49 Air Vent Icon \u0e41\u0e17\u0e19 lung\/Users \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2a\u0e37\u0e48\u0e2d\u0e16\u0e36\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e32\u0e22\u0e43\u0e08\n 'special': `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"${classes}\"><path d=\"m18 12 4 4V8l-4 4z\"\/><path d=\"m20 16-8-8-8 8H2V8l4-4 4 4z\"\/><\/svg>`, \/\/ Syringe\n 'default': `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"${classes}\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a4 4 0 0 0 0 8 4 4 0 0 0 0 8 4 4 0 0 0 0 8\"\/><\/svg>`\n };\n return icons[type] || icons['default'];\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e02\u0e2d\u0e07\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\n function getBadgeColorClass(type) {\n switch (type) {\n case 'general': return \"bg-gray-100 text-gray-700 border-gray-200\";\n case 'chronic': return \"bg-red-50 text-red-700 border-red-100\";\n case 'maternal': return \"bg-pink-50 text-pink-700 border-pink-100\";\n case 'kids': return \"bg-blue-50 text-blue-700 border-blue-100\";\n case 'infectious': return \"bg-yellow-50 text-yellow-700 border-yellow-100\";\n case 'lung': return \"bg-teal-50 text-teal-700 border-teal-100\";\n case 'special': return \"bg-purple-50 text-purple-700 border-purple-100\";\n default: return \"bg-gray-50 text-gray-600 border-gray-100\";\n }\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e23\u0e49\u0e32\u0e07 HTML \u0e02\u0e2d\u0e07\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\n function createClinicCardHtml(clinic) {\n return `<div class=\"flex items-center p-2 rounded-lg border text-sm text-[12px] font-medium ${getBadgeColorClass(clinic.type)} transition-colors hover:bg-opacity-80\">\n ${getIconSvg(clinic.type)}\n ${clinic.name}\n <\/div>`;\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e23\u0e19\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e15\u0e32\u0e23\u0e32\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\n function renderSchedule() {\n const mainContentArea = document.getElementById('main-content-area');\n if (!mainContentArea) return;\n\n let scheduleCardsHtml = '';\n\n scheduleData.forEach((day) => {\n \/\/ 1. Morning Slot\n const morningClinicsHtml = day.morning.map(createClinicCardHtml).join('');\n const morningSlot = `\n <div class=\"flex-1\">\n <div class=\"flex items-center gap-2 mb-3 text-emerald-600 font-semibold text-sm text-[12px] uppercase tracking-wider\">\n <!-- Sun Icon SVG -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-4 h-4\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2\"\/><path d=\"M12 20v2\"\/><path d=\"M20 12h2\"\/><path d=\"M2 12h2\"\/><path d=\"m18.364 5.636-.707.707\"\/><path d=\"m6.343 17.657-.707.707\"\/><path d=\"m5.636 5.636.707.707\"\/><path d=\"m17.657 17.657.707.707\"\/><\/svg>\n <span>\u0e40\u0e0a\u0e49\u0e32 (08.00 - 12.00 \u0e19.)<\/span>\n <\/div>\n <div class=\"space-y-2\">\n ${morningClinicsHtml}\n <\/div>\n <\/div>\n `;\n\n \/\/ 2. Afternoon Slot\n let afternoonSlot = '';\n if (day.afternoon.length > 0) {\n const afternoonClinicsHtml = day.afternoon.map(createClinicCardHtml).join('');\n afternoonSlot = `\n <div class=\"border-t border-dashed border-slate-200\"><\/div>\n <div class=\"flex-1\">\n <div class=\"flex items-center gap-2 mb-3 text-slate-500 font-semibold text-sm text-[12px] uppercase tracking-wider\">\n <!-- Clock Icon SVG -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-4 h-4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2v10l5 5\"\/><\/svg>\n <span>\u0e1a\u0e48\u0e32\u0e22 (13.00 - 16.00 \u0e19.)<\/span>\n <\/div>\n <div class=\"space-y-2\">\n ${afternoonClinicsHtml}\n <\/div>\n <\/div>\n `;\n } else {\n afternoonSlot = `\n <div class=\"border-t border-dashed border-slate-200\"><\/div>\n <div class=\"flex-1 flex items-center justify-center text-slate-400 text-sm text-[14px] italic bg-slate-50 rounded-lg h-20\">\n \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e0a\u0e48\u0e27\u0e07\u0e1a\u0e48\u0e32\u0e22\n <\/div>\n `;\n }\n\n \/\/ 3. Day Card HTML\n scheduleCardsHtml += `\n <div class=\"bg-white rounded-2xl shadow-sm hover:shadow-xl transition-all duration-300 overflow-hidden group border border-slate-100 flex flex-col\">\n <!-- Day Header -->\n <div class=\"px-6 py-4 flex items-center justify-between border-b border-slate-50 ${day.color.replace('bg-', 'bg-opacity-40 ')}\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-3 h-8 rounded-full ${day.accent}\"><\/div>\n <h3 class=\"text-xl font-bold text-slate-700\">${day.day}<\/h3>\n <\/div>\n <\/div>\n <!-- Slots -->\n <div class=\"p-5 flex-1 flex flex-col gap-6\">\n ${morningSlot}\n ${afternoonSlot}\n <\/div>\n <\/div>\n `;\n });\n\n \/\/ 4. Assemble the full main content\n const fullContent = `\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n ${scheduleCardsHtml}\n <\/div>\n\n <!-- Weekend Note -->\n <div class=\"mt-8 bg-white rounded-xl p-6 shadow-sm border-l-4 border-emerald-500 flex items-start md:items-center gap-4 animate-fade-in-up\">\n <div class=\"bg-emerald-100 p-3 rounded-full shrink-0\">\n <!-- Calendar Icon SVG -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 text-emerald-600\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"6\"\/><line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"6\"\/><line x1=\"3\" x2=\"21\" y1=\"10\" y2=\"10\"\/><\/svg>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-800 text-lg mb-1\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e19\u0e2d\u0e01\u0e40\u0e27\u0e25\u0e32\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \/ \u0e27\u0e31\u0e19\u0e2b\u0e22\u0e38\u0e14<\/h4>\n <p class=\"text-slate-600\">\n <span class=\"font-semibold text-emerald-700\">\u0e40\u0e2a\u0e32\u0e23\u0e4c - \u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c \u0e41\u0e25\u0e30\u0e27\u0e31\u0e19\u0e2b\u0e22\u0e38\u0e14\u0e19\u0e31\u0e01\u0e02\u0e31\u0e15\u0e24\u0e01\u0e29\u0e4c:<\/span> \u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e42\u0e23\u0e04\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e40\u0e27\u0e25\u0e32 <span class=\"inline-block bg-slate-100 px-2 py-0.5 rounded text-slate-800 font-mono text-sm text-[10px] border border-slate-200\">08.00 - 12.00 \u0e19.<\/span>\n <\/p>\n <\/div>\n <\/div>\n\n <!-- Footer Info -->\n <div class=\"mt-12 text-center text-slate-400 text-sm pb-8\">\n <p>\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e43\u0e2a\u0e48\u0e43\u0e08\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e0a\u0e38\u0e21\u0e0a\u0e19<\/p>\n <\/div>\n `;\n\n mainContentArea.innerHTML = fullContent;\n }\n\n \/\/ \u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08\n window.onload = renderSchedule;\n <\/script>\n<\/body>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0e15\u0e32\u0e23\u0e32\u0e07\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e19\u0e2d<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"class_list":["post-67","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c","author_link":"https:\/\/dmdhospital.go.th\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"\u0e15\u0e32\u0e23\u0e32\u0e07\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e19\u0e2d","_links":{"self":[{"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=67"}],"version-history":[{"count":37,"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":787,"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=\/wp\/v2\/pages\/67\/revisions\/787"}],"wp:attachment":[{"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}