{"id":488,"date":"2019-03-26T14:22:57","date_gmt":"2019-03-26T14:22:57","guid":{"rendered":"http:\/\/localhost\/bm\/?page_id=488"},"modified":"2025-08-10T10:11:07","modified_gmt":"2025-08-10T03:11:07","slug":"%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%b9%e0%b8%a5%e0%b8%9a%e0%b8%b8%e0%b8%84%e0%b8%a5%e0%b8%b2%e0%b8%81%e0%b8%a3","status":"publish","type":"page","link":"https:\/\/bamnet.ac.th\/?page_id=488","title":{"rendered":"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23"},"content":{"rendered":"\n

\u0e2d\u0e31\u0e1e\u0e40\u0e14\u0e17\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e40\u0e21\u0e37\u0e48\u0e2d 11 \u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21 2567<\/p>\n\n\n\n

\n\n\n\n

<\/h4>\n\n\n\n\n\n\n \n \n \u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700&family=Sarabun:wght@400;700&display=swap');\n body {\n font-family: 'Sarabun', sans-serif;\n background-color: #f0f4f8;\n }\n .card {\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n transition: transform 0.2s;\n }\n .card:hover {\n transform: translateY(-5px);\n }\n .card-image {\n background-size: cover;\n background-position: center;\n }\n .card-text {\n background-color: #ffffff;\n }\n \/* Custom CSS to draw the lines for the organizational chart *\/\n .line-container {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-bottom: 2rem; \/* Space for the line *\/\n }\n .vertical-line {\n width: 2px;\n height: 4rem; \/* Length of the vertical line *\/\n background-color: #6b7280; \/* Gray-500 *\/\n }\n .horizontal-line {\n width: 100%;\n height: 2px;\n background-color: #6b7280; \/* Gray-500 *\/\n position: absolute;\n bottom: 0;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8 lg:p-12\">\n\n <div class=\"max-w-7xl mx-auto bg-white rounded-3xl shadow-2xl overflow-hidden p-6 md:p-10 lg:p-16 flex flex-col items-center\">\n <!-- Title Section -->\n <div class=\"text-center mb-10\">\n <h1 class=\"text-3xl md:text-4xl lg:text-5xl font-bold text-gray-800\">\n \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e1a\u0e33\u0e40\u0e2b\u0e19\u0e47\u0e08\u0e13\u0e23\u0e07\u0e04\u0e4c\n <\/h1>\n <\/div>\n\n <!-- Director Card -->\n <div class=\"w-full md:w-3\/4 lg:w-1\/2 flex flex-col md:flex-row items-center bg-blue-50 rounded-2xl p-6 card\">\n <!-- Director Image -->\n <div class=\"flex-shrink-0 w-36 h-36 md:w-48 md:h-48 rounded-full overflow-hidden mb-4 md:mb-0 md:mr-6 border-4 border-blue-200\">\n <!-- Image URL for the director as provided by the user -->\n <img src=\"https:\/\/img5.pic.in.th\/file\/secure-sv1\/Screenshot-2025-08-04-213826.png\" alt=\"\u0e27\u0e48\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e19\u0e15\u0e23\u0e35 \u0e14\u0e23.\u0e27\u0e32\u0e19\u0e34\u0e0a \u0e2a\u0e21\u0e0a\u0e32\u0e15\u0e34\" class=\"w-full h-full object-cover\">\n <\/div>\n <!-- Director Info -->\n <div class=\"text-center md:text-left\">\n <p class=\"text-lg md:text-xl font-bold text-gray-800\">\u0e27\u0e48\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e19\u0e15\u0e23\u0e35 \u0e14\u0e23.\u0e27\u0e32\u0e19\u0e34\u0e0a \u0e2a\u0e21\u0e0a\u0e32\u0e15\u0e34<\/p>\n <p class=\"text-sm md:text-base text-gray-600\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d<\/p>\n <p class=\"text-sm md:text-base text-gray-600\">Tel. 086-225-8181<\/p>\n <p class=\"text-sm md:text-base text-gray-600\">E-mail: wanitsomchart@gmail.com<\/p>\n <\/div>\n <\/div>\n\n <!-- Line connecting Director to Deputies -->\n <div class=\"w-px h-16 bg-gray-400 my-4\"><\/div>\n <div class=\"flex w-full justify-center relative my-4\">\n <div class=\"w-full h-px bg-gray-400\"><\/div>\n <div class=\"absolute top-0 left-1\/4 -translate-x-1\/2 w-px h-4 bg-gray-400 md:hidden\"><\/div>\n <div class=\"absolute top-0 right-1\/4 translate-x-1\/2 w-px h-4 bg-gray-400 md:hidden\"><\/div>\n <\/div>\n\n\n <!-- Deputies Section -->\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12 w-full mt-4 md:mt-0\">\n <!-- Deputy 1 Card -->\n <div class=\"flex flex-col md:flex-row items-center bg-green-50 rounded-2xl p-6 card\">\n <div class=\"md:hidden w-px h-4 bg-gray-400 mx-auto -mt-4\"><\/div> <!-- Small vertical line for mobile -->\n <div class=\"flex-shrink-0 w-32 h-32 md:w-40 md:h-40 rounded-full overflow-hidden mb-4 md:mb-0 md:mr-6 border-4 border-green-200\">\n <!-- Image URL for Deputy 1 as provided by the user -->\n <img src=\"https:\/\/img5.pic.in.th\/file\/secure-sv1\/Screenshot-2025-08-04-213837.png\" alt=\"\u0e19\u0e32\u0e22\u0e40\u0e09\u0e25\u0e34\u0e21\u0e1e\u0e25 \u0e27\u0e07\u0e28\u0e4c\u0e1e\u0e23\u0e30\u0e25\u0e31\u0e1a\" class=\"w-full h-full object-cover\">\n <\/div>\n <!-- Deputy 1 Info -->\n <div class=\"text-center md:text-left\">\n <p class=\"text-md md:text-lg font-bold text-gray-800\">\u0e19\u0e32\u0e22\u0e40\u0e09\u0e25\u0e34\u0e21\u0e1e\u0e25 \u0e27\u0e07\u0e28\u0e4c\u0e1e\u0e23\u0e30\u0e25\u0e31\u0e1a<\/p>\n <p class=\"text-sm md:text-base text-gray-600\">\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e19\u0e32\u0e0d\u0e01\u0e32\u0e23<\/p>\n <p class=\"text-sm md:text-base text-gray-600\">\u0e17\u0e33\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e17\u0e35\u0e48 1. \u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23<\/p>\n <p class=\"text-sm md:text-base text-gray-600\">2. \u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/p>\n <p class=\"text-sm md:text-base text-gray-600\">Tel. 081-345-8630<\/p>\n <p class=\"text-sm md:text-base text-gray-600\">E-mail: Chalorm2514@gmail.com<\/p>\n <\/div>\n <\/div>\n\n <!-- Deputy 2 Card -->\n <div class=\"flex flex-col md:flex-row items-center bg-purple-50 rounded-2xl p-6 card\">\n <div class=\"md:hidden w-px h-4 bg-gray-400 mx-auto -mt-4\"><\/div> <!-- Small vertical line for mobile -->\n <div class=\"flex-shrink-0 w-32 h-32 md:w-40 md:h-40 rounded-full overflow-hidden mb-4 md:mb-0 md:mr-6 border-4 border-purple-200\">\n <!-- Image URL for Deputy 2 as provided by the user -->\n <img src=\"https:\/\/img2.pic.in.th\/pic\/Screenshot-2025-08-04-213846.png\" alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e20\u0e32\u0e1e\u0e23 \u0e08\u0e48\u0e32\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e2e\u0e32\u0e21\" class=\"w-full h-full object-cover\">\n <\/div>\n <!-- Deputy 2 Info -->\n <div class=\"text-center md:text-left\">\n <p class=\"text-md md:text-lg font-bold text-gray-800\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e20\u0e32\u0e1e\u0e23 \u0e08\u0e48\u0e32\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e2e\u0e32\u0e21<\/p>\n <p class=\"text-sm md:text-base text-gray-600\">\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e19\u0e32\u0e0d\u0e01\u0e32\u0e23<\/p>\n <p class=\"text-sm md:text-base text-gray-600\">\u0e17\u0e33\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e17\u0e35\u0e48 1. \u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1d\u0e48\u0e32\u0e22\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e2f<\/p>\n <p class=\"text-sm md:text-base text-gray-600\">2. \u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/p>\n <p class=\"text-sm md:text-base text-gray-600\">Tel. 094-286-4495<\/p>\n <p class=\"text-sm md:text-base text-gray-600\">E-mail: napapornjamuangham@gmail.com<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u0e41\u0e1c\u0e19\u0e20\u0e39\u0e21\u0e34\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e1a\u0e33\u0e40\u0e2b\u0e19\u0e47\u0e08\u0e13\u0e23\u0e07\u0e04\u0e4c<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f3f4f6;\n }\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n .node {\n background-color: #ffffff;\n border-radius: 12px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n margin: 1rem;\n padding: 1.5rem;\n text-align: center;\n position: relative;\n }\n .director {\n background-color: #1a73e8;\n color: white;\n }\n .image-container {\n width: 100px;\n height: 100px;\n margin: 0 auto 1rem;\n }\n .image-container img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n border: 4px solid #ffffff;\n }\n .name {\n font-weight: 600;\n font-size: 1.125rem;\n margin-top: 0.5rem;\n }\n .position {\n font-weight: 400;\n font-size: 0.875rem;\n color: #4b5563;\n }\n .director .position {\n color: #e5e7eb;\n }\n\n \/* Container for the two rows of departments *\/\n .department-rows {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n width: 100%;\n max-width: 900px; \/* Adjust max-width for layout *\/\n margin-top: 2rem;\n }\n \n .department-row {\n display: flex;\n justify-content: center;\n gap: 2rem;\n }\n\n .department-card {\n flex: 1; \/* Make cards take equal space *\/\n max-width: 45%; \/* Ensure space between cards *\/\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 p-8\">\n <div class=\"container\">\n <h1 class=\"text-3xl font-bold text-center text-gray-800 mb-8\">\u0e41\u0e1c\u0e19\u0e20\u0e39\u0e21\u0e34\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e1a\u0e33\u0e40\u0e2b\u0e19\u0e47\u0e08\u0e13\u0e23\u0e07\u0e04\u0e4c<\/h1>\n\n <!-- Director -->\n <div class=\"flex justify-center mb-8\">\n <div class=\"node director\">\n <div class=\"image-container\">\n <img src=\"https:\/\/img5.pic.in.th\/file\/secure-sv1\/Screenshot-2025-08-04-213826.png\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e27\u0e48\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e19\u0e15\u0e23\u0e35\u0e27\u0e32\u0e19\u0e34\u0e0a \u0e2a\u0e21\u0e0a\u0e32\u0e15\u0e34\">\n <\/div>\n <div class=\"text-lg font-semibold\">\u0e27\u0e48\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e19\u0e15\u0e23\u0e35\u0e27\u0e32\u0e19\u0e34\u0e0a \u0e2a\u0e21\u0e0a\u0e32\u0e15\u0e34<\/div>\n <div class=\"text-sm font-light\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22<\/div>\n <\/div>\n <\/div>\n \n <div class=\"department-rows\">\n <!-- First row of departments -->\n <div class=\"department-row\">\n <!-- \u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23 -->\n <div class=\"flex-none w-[300px] bg-yellow-100 p-6 rounded-xl shadow-lg transition-all duration-300 hover:scale-105 department-card\">\n <h3 class=\"text-xl font-bold text-yellow-800 mb-4 text-center\">\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23<\/h3>\n <div class=\"text-center font-medium text-yellow-700 mb-4\">\n <div class=\"flex items-center justify-center space-x-3\">\n <img src=\"https:\/\/img5.pic.in.th\/file\/secure-sv1\/Screenshot-2025-08-04-213837.png\" class=\"rounded-full w-10 h-10\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e40\u0e09\u0e25\u0e34\u0e21\u0e1e\u0e25 \u0e27\u0e07\u0e28\u0e4c\u0e1e\u0e23\u0e30\u0e25\u0e31\u0e1a\">\n <div>\n <span>\u0e19\u0e32\u0e22\u0e40\u0e09\u0e25\u0e34\u0e21\u0e1e\u0e25 \u0e27\u0e07\u0e28\u0e4c\u0e1e\u0e23\u0e30\u0e25\u0e31\u0e1a<\/span>\n <div class=\"text-sm font-light\">\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"space-y-4\">\n <!-- Each task is now clickable and has data attributes for the popup -->\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e0a\u0e38\u0e25\u0e35\u0e21\u0e32\u0e28 \u0e20\u0e1e\u0e44\u0e01\u0e23\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fef3c7\/f97316?text=\u0e0a\u0e38\u0e25\u0e35\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e0a\u0e38\u0e25\u0e35\u0e21\u0e32\u0e28 \u0e20\u0e1e\u0e44\u0e01\u0e23\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e0a\u0e38\u0e25\u0e35\u0e21\u0e32\u0e28 \u0e20\u0e1e\u0e44\u0e01\u0e23)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\" data-person=\"\u0e19\u0e32\u0e22\u0e1a\u0e31\u0e0d\u0e0a\u0e32 \u0e1a\u0e38\u0e0d\u0e21\u0e32\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fef3c7\/f97316?text=\u0e1a\u0e31\u0e0d\u0e0a\u0e32\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e1a\u0e31\u0e0d\u0e0a\u0e32 \u0e1a\u0e38\u0e0d\u0e21\u0e32\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e1a\u0e31\u0e0d\u0e0a\u0e32 \u0e1a\u0e38\u0e0d\u0e21\u0e32)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e08\u0e34\u0e23\u0e32\u0e20\u0e32 \u0e40\u0e08\u0e23\u0e34\u0e0d\u0e1c\u0e25\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fef3c7\/f97316?text=\u0e08\u0e34\u0e23\u0e32\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e08\u0e34\u0e23\u0e32\u0e20\u0e32 \u0e40\u0e08\u0e23\u0e34\u0e0d\u0e1c\u0e25\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e08\u0e34\u0e23\u0e32\u0e20\u0e32 \u0e40\u0e08\u0e23\u0e34\u0e0d\u0e1c\u0e25)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e13\u0e31\u0e10\u0e27\u0e14\u0e35 \u0e40\u0e2a\u0e19\u0e48\u0e2b\u0e4c\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fef3c7\/f97316?text=\u0e13\u0e31\u0e10\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e13\u0e31\u0e10\u0e27\u0e14\u0e35 \u0e40\u0e2a\u0e19\u0e48\u0e2b\u0e4c\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e13\u0e31\u0e10\u0e27\u0e14\u0e35 \u0e40\u0e2a\u0e19\u0e48\u0e2b\u0e4c\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e2a\u0e14\u0e38\" data-person=\"\u0e19\u0e32\u0e22\u0e40\u0e2d\u0e01\u0e27\u0e34\u0e17\u0e22\u0e4c \u0e2b\u0e21\u0e2d\u0e01\u0e21\u0e31\u0e27\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fef3c7\/f97316?text=\u0e40\u0e2d\u0e01\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e40\u0e2d\u0e01\u0e27\u0e34\u0e17\u0e22\u0e4c \u0e2b\u0e21\u0e2d\u0e01\u0e21\u0e31\u0e27\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e2a\u0e14\u0e38<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e40\u0e2d\u0e01\u0e27\u0e34\u0e17\u0e22\u0e4c \u0e2b\u0e21\u0e2d\u0e01\u0e21\u0e31\u0e27)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\" data-person=\"\u0e19\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c \u0e17\u0e38\u0e21\u0e19\u0e31\u0e19\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fef3c7\/f97316?text=\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c \u0e17\u0e38\u0e21\u0e19\u0e31\u0e19\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c \u0e17\u0e38\u0e21\u0e19\u0e31\u0e19)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e21\u0e1e\u0e23 \u0e2d\u0e32\u0e1a\u0e2a\u0e38\u0e27\u0e23\u0e23\u0e13\u0e4c\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fef3c7\/f97316?text=\u0e2a\u0e21\u0e1e\u0e23\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e21\u0e1e\u0e23 \u0e2d\u0e32\u0e1a\u0e2a\u0e38\u0e27\u0e23\u0e23\u0e13\u0e4c\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e21\u0e1e\u0e23 \u0e2d\u0e32\u0e1a\u0e2a\u0e38\u0e27\u0e23\u0e23\u0e13\u0e4c)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e0a\u0e25\u0e18\u0e34\u0e0a\u0e32 \u0e25\u0e32\u0e18\u0e34\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fef3c7\/f97316?text=\u0e0a\u0e25\u0e18\u0e34\u0e0a\u0e32\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e0a\u0e25\u0e18\u0e34\u0e0a\u0e32 \u0e25\u0e32\u0e18\u0e34\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e0a\u0e25\u0e18\u0e34\u0e0a\u0e32 \u0e25\u0e32\u0e18\u0e34)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u0e1d\u0e48\u0e32\u0e22\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d -->\n <div class=\"flex-none w-[300px] bg-blue-100 p-6 rounded-xl shadow-lg transition-all duration-300 hover:scale-105 department-card\">\n <h3 class=\"text-xl font-bold text-blue-800 mb-4 text-center\">\u0e1d\u0e48\u0e32\u0e22\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d<\/h3>\n <div class=\"text-center font-medium text-blue-700 mb-4\">\n <div class=\"flex items-center justify-center space-x-3\">\n <img src=\"https:\/\/img2.pic.in.th\/pic\/Screenshot-2025-08-04-213846.png\" class=\"rounded-full w-10 h-10\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e20\u0e32\u0e1e\u0e23 \u0e08\u0e48\u0e32\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e2e\u0e32\u0e21\">\n <div>\n <span>\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e20\u0e32\u0e1e\u0e23 \u0e08\u0e48\u0e32\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e2e\u0e32\u0e21<\/span>\n <div class=\"text-sm font-light\">\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1d\u0e48\u0e32\u0e22\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e41\u0e2d\u0e19\u0e19\u0e32 \u0e2a\u0e38\u0e23\u0e34\u0e40\u0e27\u0e0a\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dbeafe\/1e40af?text=\u0e41\u0e2d\u0e19\u0e19\u0e32\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e41\u0e2d\u0e19\u0e19\u0e32 \u0e2a\u0e38\u0e23\u0e34\u0e40\u0e27\u0e0a\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e41\u0e2d\u0e19\u0e19\u0e32 \u0e2a\u0e38\u0e23\u0e34\u0e40\u0e27\u0e0a)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\" data-person=\"\u0e19\u0e32\u0e22\u0e17\u0e31\u0e15\u0e1b\u0e01\u0e23\u0e13\u0e4c \u0e41\u0e2a\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e4c\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dbeafe\/1e40af?text=\u0e17\u0e31\u0e15\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e17\u0e31\u0e15\u0e1b\u0e01\u0e23\u0e13\u0e4c \u0e41\u0e2a\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e4c\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e17\u0e31\u0e15\u0e1b\u0e01\u0e23\u0e13\u0e4c \u0e41\u0e2a\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e4c)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\" data-person=\"\u0e19\u0e32\u0e22\u0e28\u0e38\u0e20\u0e0a\u0e31\u0e22 \u0e08\u0e31\u0e19\u0e17\u0e30\u0e23\u0e31\u0e07\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dbeafe\/1e40af?text=\u0e28\u0e38\u0e20\u0e0a\u0e31\u0e22\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e28\u0e38\u0e20\u0e0a\u0e31\u0e22 \u0e08\u0e31\u0e19\u0e17\u0e30\u0e23\u0e31\u0e07\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e28\u0e38\u0e20\u0e0a\u0e31\u0e22 \u0e08\u0e31\u0e19\u0e17\u0e30\u0e23\u0e31\u0e07)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c\" data-person=\"\u0e19\u0e32\u0e22\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e27\u0e07\u0e29\u0e4c\u0e1b\u0e31\u0e0d\u0e0d\u0e32\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dbeafe\/1e40af?text=\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e27\u0e07\u0e29\u0e4c\u0e1b\u0e31\u0e0d\u0e0d\u0e32\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e2f<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e27\u0e07\u0e29\u0e4c\u0e1b\u0e31\u0e0d\u0e0d\u0e32)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\" data-person=\"\u0e19\u0e32\u0e22\u0e21\u0e07\u0e04\u0e25 \u0e01\u0e34\u0e15\u0e15\u0e34\u0e27\u0e38\u0e12\u0e34\u0e44\u0e01\u0e23\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dbeafe\/1e40af?text=\u0e21\u0e07\u0e04\u0e25\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e21\u0e07\u0e04\u0e25 \u0e01\u0e34\u0e15\u0e15\u0e34\u0e27\u0e38\u0e12\u0e34\u0e44\u0e01\u0e23\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2f<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e21\u0e07\u0e04\u0e25 \u0e01\u0e34\u0e15\u0e15\u0e34\u0e27\u0e38\u0e12\u0e34\u0e44\u0e01\u0e23)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e1c\u0e25\u0e34\u0e15\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e0a\u0e19\u0e34\u0e14\u0e32\u0e20\u0e32 \u0e17\u0e32\u0e19\u0e1a\u0e33\u0e40\u0e1e\u0e47\u0e0d\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dbeafe\/1e40af?text=\u0e0a\u0e19\u0e34\u0e14\u0e32\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e0a\u0e19\u0e34\u0e14\u0e32\u0e20\u0e32 \u0e17\u0e32\u0e19\u0e1a\u0e33\u0e40\u0e1e\u0e47\u0e0d\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e1c\u0e25\u0e34\u0e15\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e2f<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e0a\u0e19\u0e34\u0e14\u0e32\u0e20\u0e32 \u0e17\u0e32\u0e19\u0e1a\u0e33\u0e40\u0e1e\u0e47\u0e0d)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Second row of departments -->\n <div class=\"department-row\">\n <!-- \u0e1d\u0e48\u0e32\u0e22\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32 -->\n <div class=\"flex-none w-[300px] bg-pink-100 p-6 rounded-xl shadow-lg transition-all duration-300 hover:scale-105 department-card\">\n <h3 class=\"text-xl font-bold text-pink-800 mb-4 text-center\">\u0e1d\u0e48\u0e32\u0e22\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/h3>\n <div class=\"text-center font-medium text-pink-700 mb-4\">\n <div class=\"flex items-center justify-center space-x-3\">\n <img src=\"https:\/\/img2.pic.in.th\/pic\/Screenshot-2025-08-04-213846.png\" class=\"rounded-full w-10 h-10\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e20\u0e32\u0e1e\u0e23 \u0e08\u0e48\u0e32\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e2e\u0e32\u0e21\">\n <div>\n <span>\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e20\u0e32\u0e1e\u0e23 \u0e08\u0e48\u0e32\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e2e\u0e32\u0e21<\/span>\n <div class=\"text-sm font-light\">\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1d\u0e48\u0e32\u0e22\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1e\u0e38\u0e17\u0e18\u0e34\u0e14\u0e32 \u0e0a\u0e49\u0e32\u0e07\u0e40\u0e14\u0e0a\u0e32\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fce7f3\/9d174d?text=\u0e1e\u0e38\u0e17\u0e18\u0e34\u0e14\u0e32\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1e\u0e38\u0e17\u0e18\u0e34\u0e14\u0e32 \u0e0a\u0e49\u0e32\u0e07\u0e40\u0e14\u0e0a\u0e32\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1e\u0e38\u0e17\u0e18\u0e34\u0e14\u0e32 \u0e0a\u0e49\u0e32\u0e07\u0e40\u0e14\u0e0a\u0e32)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e25\u0e39\u0e01\u0e40\u0e2a\u0e37\u0e2d\u0e27\u0e34\u0e2a\u0e32\u0e21\u0e31\u0e0d, \u0e07\u0e32\u0e19\u0e23\u0e31\u0e01\u0e29\u0e32\u0e14\u0e34\u0e19\u0e41\u0e14\u0e19, \u0e2d\u0e27\u0e17.\" data-person=\"\u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fce7f3\/9d174d?text=\u0e27\u0e48\u0e32\u0e07\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e25\u0e39\u0e01\u0e40\u0e2a\u0e37\u0e2d\u0e27\u0e34\u0e2a\u0e32\u0e21\u0e31\u0e0d, \u0e07\u0e32\u0e19\u0e23\u0e31\u0e01\u0e29\u0e32\u0e14\u0e34\u0e19\u0e41\u0e14\u0e19, \u0e2d\u0e27\u0e17.<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\" data-person=\"\u0e19\u0e32\u0e22\u0e28\u0e23\u0e31\u0e0d \u0e41\u0e2a\u0e19\u0e41\u0e01\u0e49\u0e27\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fce7f3\/9d174d?text=\u0e28\u0e23\u0e31\u0e0d\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e28\u0e23\u0e31\u0e0d \u0e41\u0e2a\u0e19\u0e41\u0e01\u0e49\u0e27\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e28\u0e23\u0e31\u0e0d \u0e41\u0e2a\u0e19\u0e41\u0e01\u0e49\u0e27)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e1b\u0e01\u0e04\u0e23\u0e2d\u0e07\" data-person=\"\u0e19\u0e32\u0e22\u0e28\u0e31\u0e01\u0e14\u0e32 \u0e22\u0e37\u0e19\u0e22\u0e34\u0e48\u0e07\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fce7f3\/9d174d?text=\u0e28\u0e31\u0e01\u0e14\u0e32\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e28\u0e31\u0e01\u0e14\u0e32 \u0e22\u0e37\u0e19\u0e22\u0e34\u0e48\u0e07\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e1b\u0e01\u0e04\u0e23\u0e2d\u0e07<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e28\u0e31\u0e01\u0e14\u0e32 \u0e22\u0e37\u0e19\u0e22\u0e34\u0e48\u0e07)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e41\u0e19\u0e30\u0e41\u0e19\u0e27\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e07\u0e32\u0e19\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e01\u0e21\u0e25\u0e27\u0e23\u0e23\u0e13 \u0e43\u0e08\u0e0a\u0e2d\u0e1a\u0e2a\u0e31\u0e19\u0e40\u0e17\u0e35\u0e22\u0e30\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fce7f3\/9d174d?text=\u0e01\u0e21\u0e25\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e01\u0e21\u0e25\u0e27\u0e23\u0e23\u0e13 \u0e43\u0e08\u0e0a\u0e2d\u0e1a\u0e2a\u0e31\u0e19\u0e40\u0e17\u0e35\u0e22\u0e30\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e41\u0e19\u0e30\u0e41\u0e19\u0e27\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e07\u0e32\u0e19<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e01\u0e21\u0e25\u0e27\u0e23\u0e23\u0e13 \u0e43\u0e08\u0e0a\u0e2d\u0e1a\u0e2a\u0e31\u0e19\u0e40\u0e17\u0e35\u0e22\u0e30)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e34\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e28\u0e31\u0e19\u0e2a\u0e19\u0e35\u0e22\u0e4c \u0e17\u0e39\u0e25\u0e41\u0e23\u0e07\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fce7f3\/9d174d?text=\u0e28\u0e31\u0e19\u0e2a\u0e19\u0e35\u0e22\u0e4c\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e28\u0e31\u0e19\u0e2a\u0e19\u0e35\u0e22\u0e4c \u0e17\u0e39\u0e25\u0e41\u0e23\u0e07\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e34\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e28\u0e31\u0e19\u0e2a\u0e19\u0e35\u0e22\u0e4c \u0e17\u0e39\u0e25\u0e41\u0e23\u0e07)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e0a\u0e38\u0e21\u0e0a\u0e19\" data-person=\"\u0e19\u0e32\u0e22\u0e2a\u0e31\u0e19\u0e15\u0e34\u0e20\u0e32\u0e1e \u0e1b\u0e31\u0e14\u0e17\u0e33\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/fce7f3\/9d174d?text=\u0e2a\u0e31\u0e19\u0e15\u0e34\u0e20\u0e32\u0e1e\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e2a\u0e31\u0e19\u0e15\u0e34\u0e20\u0e32\u0e1e \u0e1b\u0e31\u0e14\u0e17\u0e33\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e0a\u0e38\u0e21\u0e0a\u0e19<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e2a\u0e31\u0e19\u0e15\u0e34\u0e20\u0e32\u0e1e \u0e1b\u0e31\u0e14\u0e17\u0e33)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u0e1d\u0e48\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 -->\n <div class=\"flex-none w-[300px] bg-green-100 p-6 rounded-xl shadow-lg transition-all duration-300 hover:scale-105 department-card\">\n <h3 class=\"text-xl font-bold text-green-800 mb-4 text-center\">\u0e1d\u0e48\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/h3>\n <div class=\"text-center font-medium text-green-700 mb-4\">\n <div class=\"flex items-center justify-center space-x-3\">\n <img src=\"https:\/\/img5.pic.in.th\/file\/secure-sv1\/Screenshot-2025-08-04-213837.png\" class=\"rounded-full w-10 h-10\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e40\u0e09\u0e25\u0e34\u0e21\u0e1e\u0e25 \u0e27\u0e07\u0e28\u0e4c\u0e1e\u0e23\u0e30\u0e25\u0e31\u0e1a\">\n <div>\n <span>\u0e19\u0e32\u0e22\u0e40\u0e09\u0e25\u0e34\u0e21\u0e1e\u0e25 \u0e27\u0e07\u0e28\u0e4c\u0e1e\u0e23\u0e30\u0e25\u0e31\u0e1a<\/span>\n <div class=\"text-sm font-light\">\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1d\u0e48\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e48\u0e32\u0e07\u0e22\u0e19\u0e15\u0e4c\" data-person=\"\u0e19\u0e32\u0e22\u0e1a\u0e31\u0e0d\u0e0a\u0e32 \u0e1a\u0e38\u0e0d\u0e21\u0e32\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dcfce7\/14532d?text=\u0e1a\u0e31\u0e0d\u0e0a\u0e32\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e1a\u0e31\u0e0d\u0e0a\u0e32 \u0e1a\u0e38\u0e0d\u0e21\u0e32\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e48\u0e32\u0e07\u0e22\u0e19\u0e15\u0e4c<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e1a\u0e31\u0e0d\u0e0a\u0e32 \u0e1a\u0e38\u0e0d\u0e21\u0e32)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e48\u0e32\u0e07\u0e01\u0e25\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\" data-person=\"\u0e19\u0e32\u0e22\u0e28\u0e23\u0e31\u0e0d\u0e0d\u0e39 \u0e41\u0e2a\u0e19\u0e41\u0e01\u0e49\u0e27\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dcfce7\/14532d?text=\u0e28\u0e23\u0e31\u0e0d\u0e0d\u0e39\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e28\u0e23\u0e31\u0e0d\u0e0d\u0e39 \u0e41\u0e2a\u0e19\u0e41\u0e01\u0e49\u0e27\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e48\u0e32\u0e07\u0e01\u0e25\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e28\u0e23\u0e31\u0e0d\u0e0d\u0e39 \u0e41\u0e2a\u0e19\u0e41\u0e01\u0e49\u0e27)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e48\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\" data-person=\"\u0e19\u0e32\u0e22\u0e08\u0e33\u0e23\u0e2d\u0e07 \u0e1e\u0e23\u0e21\u0e1e\u0e32\u0e19\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dcfce7\/14532d?text=\u0e08\u0e33\u0e23\u0e2d\u0e07\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e08\u0e33\u0e23\u0e2d\u0e07 \u0e1e\u0e23\u0e21\u0e1e\u0e32\u0e19\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e48\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e08\u0e33\u0e23\u0e2d\u0e07 \u0e1e\u0e23\u0e21\u0e1e\u0e32\u0e19)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e17\u0e31\u0e28\u0e19\u0e35\u0e22\u0e4c \u0e2a\u0e38\u0e19\u0e17\u0e23\u0e18\u0e23\u0e23\u0e21\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dcfce7\/14532d?text=\u0e17\u0e31\u0e28\u0e19\u0e35\u0e22\u0e4c\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e17\u0e31\u0e28\u0e19\u0e35\u0e22\u0e4c \u0e2a\u0e38\u0e19\u0e17\u0e23\u0e18\u0e23\u0e23\u0e21\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e17\u0e31\u0e28\u0e19\u0e35\u0e22\u0e4c \u0e2a\u0e38\u0e19\u0e17\u0e23\u0e18\u0e23\u0e23\u0e21)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e2f\" data-person=\"\u0e19\u0e32\u0e22\u0e17\u0e31\u0e15\u0e1b\u0e01\u0e23\u0e13\u0e4c \u0e41\u0e2a\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e4c\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dcfce7\/14532d?text=\u0e17\u0e31\u0e15\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e17\u0e31\u0e15\u0e1b\u0e01\u0e23\u0e13\u0e4c \u0e41\u0e2a\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e4c\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e2f<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e17\u0e31\u0e15\u0e1b\u0e01\u0e23\u0e13\u0e4c \u0e41\u0e2a\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e4c)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35\" data-person=\"\u0e19\u0e32\u0e22\u0e21\u0e07\u0e04\u0e25 \u0e01\u0e34\u0e15\u0e15\u0e34\u0e27\u0e38\u0e12\u0e34\u0e44\u0e01\u0e23\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dcfce7\/14532d?text=\u0e21\u0e07\u0e04\u0e25\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e21\u0e07\u0e04\u0e25 \u0e01\u0e34\u0e15\u0e15\u0e34\u0e27\u0e38\u0e12\u0e34\u0e44\u0e01\u0e23\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e21\u0e07\u0e04\u0e25 \u0e01\u0e34\u0e15\u0e15\u0e34\u0e27\u0e38\u0e12\u0e34\u0e44\u0e01\u0e23)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e21\u0e19\u0e0a\u0e38\u0e25\u0e35 \u0e2a\u0e35\u0e08\u0e31\u0e19\u0e42\u0e17\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dcfce7\/14532d?text=\u0e21\u0e19\u0e0a\u0e38\u0e25\u0e35\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e21\u0e19\u0e0a\u0e38\u0e25\u0e35 \u0e2a\u0e35\u0e08\u0e31\u0e19\u0e42\u0e17\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e21\u0e19\u0e0a\u0e38\u0e25\u0e35 \u0e2a\u0e35\u0e08\u0e31\u0e19\u0e42\u0e17)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e2a\u0e32\u0e21\u0e31\u0e0d\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\" data-person=\"\u0e19\u0e32\u0e22\u0e28\u0e31\u0e01\u0e14\u0e32 \u0e22\u0e37\u0e19\u0e22\u0e34\u0e48\u0e07\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dcfce7\/14532d?text=\u0e28\u0e31\u0e01\u0e14\u0e32\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e28\u0e31\u0e01\u0e14\u0e32 \u0e22\u0e37\u0e19\u0e22\u0e34\u0e48\u0e07\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e2a\u0e32\u0e21\u0e31\u0e0d\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e28\u0e31\u0e01\u0e14\u0e32 \u0e22\u0e37\u0e19\u0e22\u0e34\u0e48\u0e07)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e27\u0e34\u0e20\u0e32\u0e04\u0e35\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e34\u0e20\u0e32\u0e1e\u0e23 \u0e2b\u0e21\u0e2d\u0e01\u0e02\u0e38\u0e19\u0e17\u0e14\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dcfce7\/14532d?text=\u0e19\u0e34\u0e20\u0e32\u0e1e\u0e23\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e34\u0e20\u0e32\u0e1e\u0e23 \u0e2b\u0e21\u0e2d\u0e01\u0e02\u0e38\u0e19\u0e17\u0e14\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e27\u0e34\u0e20\u0e32\u0e04\u0e35<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e19\u0e34\u0e20\u0e32\u0e1e\u0e23 \u0e2b\u0e21\u0e2d\u0e01\u0e02\u0e38\u0e19\u0e17\u0e14)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e37\u0e48\u0e2d\u0e2f\" data-person=\"\u0e19\u0e32\u0e22\u0e13\u0e31\u0e10\u0e01\u0e23\u0e13\u0e4c \u0e1e\u0e32\u0e17\u0e33\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dcfce7\/14532d?text=\u0e13\u0e31\u0e10\u0e01\u0e23\u0e13\u0e4c\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e13\u0e31\u0e10\u0e01\u0e23\u0e13\u0e4c \u0e1e\u0e32\u0e17\u0e33\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e37\u0e48\u0e2d\u0e2f<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e13\u0e31\u0e10\u0e01\u0e23\u0e13\u0e4c \u0e1e\u0e32\u0e17\u0e33)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e2f\" data-person=\"\u0e19\u0e32\u0e22\u0e08\u0e33\u0e23\u0e2d\u0e07 \u0e1e\u0e23\u0e21\u0e1e\u0e32\u0e19\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dcfce7\/14532d?text=\u0e08\u0e33\u0e23\u0e2d\u0e07\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e22\u0e08\u0e33\u0e23\u0e2d\u0e07 \u0e1e\u0e23\u0e21\u0e1e\u0e32\u0e19\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e2f<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e22\u0e08\u0e33\u0e23\u0e2d\u0e07 \u0e1e\u0e23\u0e21\u0e1e\u0e32\u0e19)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e27\u0e34\u0e17\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\" data-person=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e2b\u0e35\u0e1a\u0e02\u0e38\u0e19\u0e17\u0e14\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dcfce7\/14532d?text=\u0e18\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e2b\u0e35\u0e1a\u0e02\u0e38\u0e19\u0e17\u0e14\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e27\u0e34\u0e17\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e2b\u0e35\u0e1a\u0e02\u0e38\u0e19\u0e17\u0e14)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors duration-200 task-item\"\n data-title=\"\u0e07\u0e32\u0e19\u0e27\u0e31\u0e14\u0e1c\u0e25\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\" data-person=\"\u0e27\u0e48\u0e32\u0e17\u0e35\u0e48\u0e23\u0e49\u0e2d\u0e22\u0e15\u0e23\u0e35\u0e2b\u0e0d\u0e34\u0e07\u0e19\u0e31\u0e19\u0e17\u0e19\u0e32 \u0e2a\u0e32\u0e22\u0e2b\u0e22\u0e38\u0e14\">\n <div class=\"flex items-center space-x-3\">\n <img src=\"https:\/\/placehold.co\/40x40\/dcfce7\/14532d?text=\u0e19\u0e31\u0e19\u0e17\u0e19\u0e32\" class=\"rounded-full\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e27\u0e48\u0e32\u0e17\u0e35\u0e48\u0e23\u0e49\u0e2d\u0e22\u0e15\u0e23\u0e35\u0e2b\u0e0d\u0e34\u0e07\u0e19\u0e31\u0e19\u0e17\u0e19\u0e32 \u0e2a\u0e32\u0e22\u0e2b\u0e22\u0e38\u0e14\">\n <div>\n <div class=\"font-semibold text-gray-800\">\u0e07\u0e32\u0e19\u0e27\u0e31\u0e14\u0e1c\u0e25\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25<\/div>\n <div class=\"text-sm text-gray-600\">(\u0e27\u0e48\u0e32\u0e17\u0e35\u0e48\u0e23\u0e49\u0e2d\u0e22\u0e15\u0e23\u0e35\u0e2b\u0e0d\u0e34\u0e07\u0e19\u0e31\u0e19\u0e17\u0e19\u0e32 \u0e2a\u0e32\u0e22\u0e2b\u0e22\u0e38\u0e14)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- The popup modal structure -->\n <div id=\"modal-container\" class=\"hidden fixed inset-0 bg-gray-900 bg-opacity-50 flex items-center justify-center p-4 z-50\">\n <div id=\"modal-content\" class=\"bg-white p-6 rounded-xl shadow-2xl max-w-sm w-full relative transform transition-all duration-300 scale-95 opacity-0\">\n <button id=\"modal-close\" class=\"absolute top-4 right-4 text-gray-500 hover:text-gray-900 text-3xl font-light leading-none\">×<\/button>\n <h3 id=\"modal-title\" class=\"text-2xl font-bold text-gray-800 mb-2\"><\/h3>\n <p id=\"modal-body\" class=\"text-gray-600 text-lg\"><\/p>\n <\/div>\n <\/div>\n \n <script>\n \/\/ Get all task items\n const taskItems = document.querySelectorAll('.task-item');\n const modalContainer = document.getElementById('modal-container');\n const modalContent = document.getElementById('modal-content');\n const modalCloseBtn = document.getElementById('modal-close');\n const modalTitle = document.getElementById('modal-title');\n const modalBody = document.getElementById('modal-body');\n\n \/\/ Add click event listener to each task item\n taskItems.forEach(item => {\n item.addEventListener('click', () => {\n const title = item.getAttribute('data-title');\n const person = item.getAttribute('data-person');\n\n modalTitle.textContent = title;\n modalBody.textContent = `\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a: ${person}`;\n\n \/\/ Show the modal with a transition effect\n modalContainer.classList.remove('hidden');\n modalContainer.classList.add('flex');\n setTimeout(() => {\n modalContent.classList.remove('scale-95', 'opacity-0');\n modalContent.classList.add('scale-100', 'opacity-100');\n }, 10); \/\/ Small delay to allow CSS to register the class change\n });\n });\n\n \/\/ Function to close the modal\n function closeModal() {\n modalContent.classList.remove('scale-100', 'opacity-100');\n modalContent.classList.add('scale-95', 'opacity-0');\n setTimeout(() => {\n modalContainer.classList.add('hidden');\n modalContainer.classList.remove('flex');\n }, 300); \/\/ Wait for the transition to finish before hiding\n }\n\n \/\/ Add click event to the close button\n modalCloseBtn.addEventListener('click', closeModal);\n\n \/\/ Add click event to close the modal when clicking outside the content\n modalContainer.addEventListener('click', (event) => {\n if (event.target === modalContainer) {\n closeModal();\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n<div class=\"pvc_clear\"><\/div><p class=\"pvc_stats all \" data-element-id=\"488\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i>  29,272 total views,  2 views today<\/p><div class=\"pvc_clear\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e2d\u0e31\u0e1e\u0e40\u0e14\u0e17\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e40\u0e21\u0e37\u0e48\u0e2d 11<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"488\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i>  29,272 total views,  2 views today<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"spay_email":""},"_links":{"self":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/488"}],"collection":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=488"}],"version-history":[{"count":36,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/488\/revisions"}],"predecessor-version":[{"id":9309,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/488\/revisions\/9309"}],"wp:attachment":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}