Tra c\u1ee9u \u0110i\u1ec3m b\u1ecf phi\u1ebfu – Kh\u00f3a XVI (2026-2031)<\/title>\n\n <script src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\n <script src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\n <script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n body { font-family: 'Inter', sans-serif; background: #f8fafc; margin: 0; }\n .thanh-cuon::-webkit-scrollbar { width: 4px; }\n .thanh-cuon::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 10px; }\n \n \/* Hi\u1ec7u \u1ee9ng xoay tr\u1ed1ng \u0111\u1ed3ng *\/\n @keyframes spin-slow {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n .animate-spin-slow {\n animation: spin-slow 20s linear infinite;\n }\n\n .header-bg {\n background-color: #da251d; \/* \u0110\u1ecf c\u1edd Vi\u1ec7t Nam *\/\n position: relative;\n overflow: hidden;\n }\n\n \/* L\u1edbp ph\u1ee7 h\u1ecda ti\u1ebft tr\u1ed1ng \u0111\u1ed3ng (S\u1eed d\u1ee5ng link \u1ea3nh m\u00e0u v\u00e0ng kim \u0111\u00e3 t\u1ed1i \u01b0u) *\/\n .trong-dong-overlay {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 500px;\n height: 500px;\n margin-top: -250px;\n margin-left: -250px;\n \/* Link \u1ea3nh m\u1eb7t tr\u1ed1ng \u0111\u1ed3ng m\u00e0u v\u00e0ng kim nh\u1ea1t, kh\u00f4ng d\u00f9ng filter *\/\n background-image: url('https:\/\/png.pngtree.com\/png-clipart\/20250103\/original\/pngtree-vietnamese-culture-drum-pattern-vector-png-image_9803714.png');\n background-size: contain;\n background-repeat: no-repeat;\n opacity: 0.1; \/* Gi\u1ea3m \u0111\u1ed9 m\u1edd \u0111\u1ec3 kh\u00f4ng \u0111\u00e8 ch\u1eef *\/\n pointer-events: none;\n \/* \u0110\u00e3 b\u1ecf filter: invert(1) \u0111\u1ec3 tr\u00e1nh l\u1ed7i m\u00e0u xanh *\/\n }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"ung-dung-tra-cuu\"><\/div>\n\n<script type=\"text\/babel\">\n const { useState, useMemo, useEffect } = React;\n\n const DANH_SACH_KHU_VUC = [\n { id: 1, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 1\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n N\u00f4ng Tr\u01b0\u1eddng\", mapUrl: \"https:\/\/maps.app.goo.gl\/UR3obBuTnCa2navy9\", votingUnit: 1, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n N\u00f4ng Tr\u01b0\u1eddng v\u00e0 Th\u00f4n Li\u00ean \u0110\u1ea7m 1.\" },\n { id: 2, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 2\", address: \"H\u1ed9i Tr\u01b0\u1eddng UBND x\u00e3 Li\u00ean \u0110\u1ea7m c\u0169\", mapUrl: \"http:\/\/maps.app.goo.gl\/A7VWRwwonXYrG1Hy7\", votingUnit: 1, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 3.\" },\n { id: 3, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 3\", address: \"M\u01b0\u1ee3n nh\u00e0 d\u00e2n s\u1ed1 225, x\u00f3m 5, Th\u00f4n Li\u00ean \u0110\u1ea7m 8\", mapUrl: \"http:\/\/maps.app.goo.gl\/MwkHrvX7aSYoFF49A\", votingUnit: 1, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 8.\" },\n { id: 4, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 4\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Li\u00ean \u0110\u1ea7m 10, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/cVcfuo6P8gGVUV7A8\", votingUnit: 1, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 10.\" },\n { id: 5, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 5\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Li\u00ean \u0110\u1ea7m 2, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/7UDy5KYiEyDRcoAFA\", votingUnit: 2, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 2.\" },\n { id: 6, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 6\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Li\u00ean \u0110\u1ea7m 4, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/2BobQbbcAcj6DXPK8\", votingUnit: 2, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 4.\" },\n { id: 7, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 7\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Li\u00ean \u0110\u1ea7m 7, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/YR2nHvvZsKKdGwVq8\", votingUnit: 2, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 7.\" },\n { id: 8, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 8\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Li\u00ean \u0110\u1ea7m 9, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/eTAMkZhdrfDZLkxV8\", votingUnit: 2, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 5 v\u00e0 Th\u00f4n Li\u00ean \u0110\u1ea7m 9.\" },\n { id: 9, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 9\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 1, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/8f3kNwzjqN27bkXw6\", votingUnit: 3, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 1, x\u00e3 Di Linh.\" },\n { id: 10, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 10\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 2, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/8P1k2wEV2Ux5WGNY9\", votingUnit: 3, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 2, x\u00e3 Di Linh.\" },\n { id: 11, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 11\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 3, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/iAfkbr4cWhaosnGP9\", votingUnit: 3, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 3, x\u00e3 Di Linh.\" },\n { id: 12, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 12\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 4, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/Heb3dHDuoqG4Ubo6A\", votingUnit: 3, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 4, x\u00e3 Di Linh.\" },\n { id: 13, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 13\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 5, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/YvzcfmadQFphQypf9\", votingUnit: 4, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 5, x\u00e3 Di Linh.\" },\n { id: 14, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 14\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 6, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/5zsdr7pvXsqs3Nzr5\", votingUnit: 4, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 6, x\u00e3 Di Linh.\" },\n { id: 15, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 15\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 7, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/5TBzdN7515nH2Nmo7\", votingUnit: 4, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 7, x\u00e3 Di Linh.\" },\n { id: 16, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 16\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Klong Trao 1\", mapUrl: \"http:\/\/maps.app.goo.gl\/SQrB8EMP39U6hhx48\", votingUnit: 4, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Klong Trao 1, x\u00e3 Di Linh.\" },\n { id: 17, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 17\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Klong Trao 2\", mapUrl: \"http:\/\/maps.app.goo.gl\/CcDsvJZhz7DxSVRF9\", votingUnit: 4, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Klong Trao 2, x\u00e3 Di Linh.\" },\n { id: 18, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 18\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 8, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/hmgWL3Ce3aehG6yt9\", votingUnit: 5, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 8, x\u00e3 Di Linh.\" },\n { id: 19, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 19\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 9, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/JB2giyuBQbVRUoz87\", votingUnit: 5, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 9, x\u00e3 Di Linh.\" },\n { id: 20, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 20\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 10, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/hu2765i6zRPeYwfZ6\", votingUnit: 5, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 10, x\u00e3 Di Linh.\" },\n { id: 21, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 21\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 11, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/69dBGwDmEVvWGviE8\", votingUnit: 5, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 11, x\u00e3 Di Linh.\" },\n { id: 22, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 22\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 12, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/nU3TdF5iwqSzQ5rp6\", votingUnit: 5, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 12, x\u00e3 Di Linh.\" },\n { id: 23, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 23\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 13, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/Lk34mhG22qAQC4957\", votingUnit: 5, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 13, x\u00e3 Di Linh.\" },\n { id: 24, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 24\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 14, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/Q2rEbNNcX64wgh3x7\", votingUnit: 6, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 14, x\u00e3 Di Linh.\" },\n { id: 25, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 25\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Di Linh Th\u01b0\u1ee3ng 1, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/j4AN57zt8CVo2byH6\", votingUnit: 6, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Di Linh Th\u01b0\u1ee3ng 1, x\u00e3 Di Linh.\" },\n { id: 26, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 26\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Di Linh Th\u01b0\u1ee3ng 2, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/VukffWZzQiLy9hNd6\", votingUnit: 6, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Di Linh Th\u01b0\u1ee3ng 2, x\u00e3 Di Linh.\" },\n { id: 27, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 27\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Ka Ming, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/WyEfM4T6zD6qag1g6\", votingUnit: 6, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Ka Ming, x\u00e3 Di Linh.\" },\n { id: 28, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 28\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 15, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/HrgxWdj41R4T5u5P7\", votingUnit: 7, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 15, x\u00e3 Di Linh.\" },\n { id: 29, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 29\", address: \"Tr\u01b0\u1eddng ti\u1ec3u h\u1ecdc Tr\u1ea7n Qu\u1ed1c To\u1ea3n\", mapUrl: \"http:\/\/maps.app.goo.gl\/BzetqDVr4LQMZsVB6\", votingUnit: 7, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 16, x\u00e3 Di Linh.\" },\n { id: 30, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 30\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 17, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/WZJYcJqpugB3z7bPA\", votingUnit: 7, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 17, x\u00e3 Di Linh.\" },\n { id: 31, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 31\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 18, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/puVivGDVvUt2gw3T7\", votingUnit: 7, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 18, x\u00e3 Di Linh.\" },\n { id: 32, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 32\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 19, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/1fJ86XMxsNJy41yc9\", votingUnit: 7, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 19, x\u00e3 Di Linh.\" },\n { id: 33, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 33\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 20, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/LuSGU16BJxGA7BZJ8\", votingUnit: 7, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 20, x\u00e3 Di Linh.\" },\n { id: 34, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 34\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 1, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/v6QG5DhHjRKvGoVp7\", votingUnit: 8, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 1, x\u00e3 Di Linh.\" },\n { id: 35, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 35\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 2, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/a9JVD23eQQEJUPXx9\", votingUnit: 8, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 2, x\u00e3 Di Linh.\" },\n { id: 36, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 36\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 3, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/usCjfQa6BsSnbmKB9\", votingUnit: 8, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 3, x\u00e3 Di Linh.\" },\n { id: 37, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 37\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 8, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/q5BCB6XiR1aYvAdf8\", votingUnit: 8, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 8, x\u00e3 Di Linh.\" },\n { id: 38, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 38\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 9, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/KHgHsVVHYzYe3Wxs7\", votingUnit: 8, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 9, x\u00e3 Di Linh.\" },\n { id: 39, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 39\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 4, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/MhcSh6p9s39ybGzC9\", votingUnit: 9, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 4, x\u00e3 Di Linh.\" },\n { id: 40, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 40\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 5, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/9KpSxT1TZjMb9rbz6\", votingUnit: 9, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 5, x\u00e3 Di Linh.\" },\n { id: 41, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 41\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 6, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/uutpGuTrRyHPM7kCA\", votingUnit: 9, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 6, x\u00e3 Di Linh.\" },\n { id: 42, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 42\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 7, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/LJYuUXWTCCRUaNbe9\", votingUnit: 9, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 7, x\u00e3 Di Linh.\" },\n { id: 43, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 43\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Li\u00ean Ch\u00e2u, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/3qJKWE5no5kMxgs66\", votingUnit: 9, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean Ch\u00e2u, x\u00e3 Di Linh.\" },\n { id: 44, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 44\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n \u0110\u0103ng R\u00e1ch\", mapUrl: \"http:\/\/maps.app.goo.gl\/THc5CyASierGCoyTA\", votingUnit: 10, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n \u0110\u0103ng R\u00e1ch, x\u00e3 Di Linh.\" },\n { id: 45, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 45\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n L\u0103ng K\u00fa\", mapUrl: \"http:\/\/maps.app.goo.gl\/pTd7sotJ15VZ4Wiq5\", votingUnit: 10, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n L\u0103ng K\u00fa, x\u00e3 Di Linh.\" },\n { id: 46, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 46\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n H\u00e0ng L\u00e0ng\", mapUrl: \"http:\/\/maps.app.goo.gl\/g5J7HNWbnWRgnBAW9\", votingUnit: 10, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n H\u00e0ng L\u00e0ng, x\u00e3 Di Linh.\" },\n { id: 47, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 47\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n H\u00e0ng H\u1ea3i\", mapUrl: \"http:\/\/maps.app.goo.gl\/xrLLw6feW53vCTAE6\", votingUnit: 10, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n H\u00e0ng H\u1ea3i, x\u00e3 Di Linh.\" }\n ];\n\n function UngDung() {\n const [tuKhoa, setTuKhoa] = useState(\"\");\n const [khuVucChon, setKhuVucChon] = useState(null);\n\n useEffect(() => {\n if (window.lucide) window.lucide.createIcons();\n }, [khuVucChon, tuKhoa]);\n\n const ketQua = useMemo(() => {\n return DANH_SACH_KHU_VUC.filter(v =>\n v.name.toLowerCase().includes(tuKhoa.toLowerCase()) ||\n v.address.toLowerCase().includes(tuKhoa.toLowerCase()) ||\n v.description.toLowerCase().includes(tuKhoa.toLowerCase()) ||\n String(v.votingUnit).includes(tuKhoa)\n );\n }, [tuKhoa]);\n\n return (\n <div className=\"max-w-6xl mx-auto md:my-6 bg-white md:rounded-3xl shadow-2xl overflow-hidden border border-gray-100\">\n \n {\/* Header v\u1edbi Tr\u1ed1ng \u0111\u1ed3ng xoay m\u00e0u v\u00e0ng kim tr\u00ean n\u1ec1n \u0111\u1ecf *\/}\n <header className=\"header-bg text-white p-6 md:p-10 text-center\">\n <div className=\"trong-dong-overlay animate-spin-slow\"><\/div>\n <div className=\"relative z-10\">\n {\/* \u00c9p m\u00e0u v\u00e0ng cho ti\u00eau \u0111\u1ec1 *\/}\n <h1 className=\"text-xl md:text-3xl font-black mb-2 uppercase tracking-tight text-yellow-400\">\n H\u1ec7 th\u1ed1ng Tra c\u1ee9u \u0111i\u1ec3m b\u1ecf phi\u1ebfu\n <\/h1>\n <p className=\"text-sm md:text-lg opacity-90 font-medium text-white\">\n \u0110\u1ea1i bi\u1ec3u Qu\u1ed1c h\u1ed9i Kh\u00f3a XVI & H\u0110ND c\u00e1c c\u1ea5p nhi\u1ec7m k\u1ef3 2026-2031\n <\/p>\n <\/div>\n <\/header>\n\n <div className=\"p-4 md:p-6\">\n {\/* \u00d4 t\u00ecm ki\u1ebfm s\u1ea1ch s\u1ebd *\/}\n <div className=\"mb-6\">\n <input\n type=\"text\"\n placeholder=\"Nh\u1eadp t\u00ean th\u00f4n, \u0111\u1ecba ch\u1ec9 ho\u1eb7c s\u1ed1 \u0111\u01a1n v\u1ecb b\u1ea7u c\u1eed \u0111\u1ec3 t\u00ecm nhanh...\"\n className=\"w-full border-2 border-gray-200 rounded-xl px-4 py-3 md:py-4 text-base md:text-lg focus:border-red-600 focus:ring-0 transition-all outline-none bg-gray-50 shadow-inner text-gray-800 placeholder-gray-400\"\n value={tuKhoa}\n onChange={e => setTuKhoa(e.target.value)}\n \/>\n <\/div>\n\n <div className=\"grid grid-cols-1 lg:grid-cols-12 gap-6\">\n \n {\/* C\u1ed9t danh s\u00e1ch (Thu nh\u1ecf tr\u00ean Mobile) *\/}\n <div className=\"lg:col-span-5 border border-gray-200 rounded-2xl overflow-hidden flex flex-col h-[250px] md:h-[500px] bg-white\">\n <div className=\"bg-gray-50 px-4 py-2 font-bold text-gray-500 border-b text-sm flex justify-between\">\n <span>K\u1ebft qu\u1ea3: {ketQua.length}<\/span>\n <span className=\"text-xs italic\">B\u1ea5m \u0111\u1ec3 xem chi ti\u1ebft \u2193<\/span>\n <\/div>\n <div className=\"flex-1 overflow-y-auto thanh-cuon p-1\">\n {ketQua.map(v => (\n <div\n key={v.id}\n onClick={() => {\n setKhuVucChon(v);\n \/\/ Cu\u1ed9n xu\u1ed1ng ph\u1ea7n chi ti\u1ebft tr\u00ean mobile\n if(window.innerWidth < 768) {\n document.getElementById('chi-tiet-khu-vuc').scrollIntoView({behavior: 'smooth'});\n }\n }}\n className={`p-3 mb-1 rounded-xl cursor-pointer transition-all border ${\n khuVucChon?.id === v.id \n ? \"bg-red-600 text-white shadow-md\" \n : \"hover:bg-red-50 border-transparent text-gray-700\"\n }`}\n >\n <div className=\"font-bold text-sm md:text-base\">{v.name}<\/div>\n <div className={`text-xs ${khuVucChon?.id === v.id ? \"text-red-100\" : \"text-gray-400\"} line-clamp-1`}>\n {v.address}\n <\/div>\n <\/div>\n ))}\n <\/div>\n <\/div>\n\n {\/* C\u1ed9t chi ti\u1ebft *\/}\n <div id=\"chi-tiet-khu-vuc\" className=\"lg:col-span-7 border-2 border-gray-100 rounded-2xl p-4 md:p-8 bg-gray-50\/50 min-h-[300px] flex items-center justify-center\">\n {khuVucChon ? (\n <div className=\"w-full animate-in fade-in slide-in-from-bottom-4 duration-300\">\n <div className=\"flex items-center space-x-3 mb-4\">\n <div className=\"w-2 h-8 bg-red-600 rounded-full\"><\/div>\n <h2 className=\"text-2xl md:text-3xl font-black text-gray-800\">{khuVucChon.name}<\/h2>\n <\/div>\n\n <div className=\"space-y-4\">\n <div className=\"bg-white p-4 rounded-xl shadow-sm border border-gray-100\">\n <div className=\"text-xs font-bold text-gray-400 uppercase\">\u0110\u1ecba \u0111i\u1ec3m b\u1ecf phi\u1ebfu<\/div>\n <p className=\"text-base md:text-lg font-bold text-gray-800 mt-1\">{khuVucChon.address}<\/p>\n <\/div>\n\n <div className=\"flex gap-4\">\n <div className=\"flex-1 bg-white p-4 rounded-xl shadow-sm border border-gray-100 border-b-4 border-blue-500\">\n <div className=\"text-xs font-bold text-gray-400 uppercase\">\u0110\u01a1n v\u1ecb b\u1ea7u c\u1eed<\/div>\n <p className=\"text-xl font-black text-blue-600\">S\u1ed1 {khuVucChon.votingUnit}<\/p>\n <\/div>\n <div className=\"flex-1 bg-white p-4 rounded-xl shadow-sm border border-gray-100 border-b-4 border-yellow-500\">\n <div className=\"text-xs font-bold text-gray-400 uppercase\">B\u1ea3n \u0111\u1ed3<\/div>\n <a href={khuVucChon.mapUrl} target=\"_blank\" className=\"text-red-600 font-bold block mt-1 flex items-center hover:text-red-800\">\n M\u1edf Maps <i data-lucide=\"external-link\" size=\"14\" className=\"ml-1\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n <div className=\"bg-red-50 p-4 rounded-xl border border-red-100 shadow-inner\">\n <div className=\"text-xs font-bold text-red-400 uppercase tracking-wider\">Th\u00f4ng tin c\u1eed tri<\/div>\n <p className=\"text-sm md:text-base text-gray-800 mt-2 font-medium leading-relaxed\">{khuVucChon.description}<\/p>\n <\/div>\n <\/div>\n\n <a\n href={khuVucChon.mapUrl}\n target=\"_blank\"\n className=\"mt-6 w-full flex items-center justify-center bg-gray-900 text-white py-4 rounded-xl font-bold hover:bg-red-600 transition-all shadow-lg text-lg\"\n >\n D\u1eabn \u0111\u01b0\u1eddng t\u1edbi \u0111i\u1ec3m b\u1ecf phi\u1ebfu\n <\/a>\n <\/div>\n ) : (\n <div className=\"text-center py-12\">\n <div className=\"bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-sm\">\n <i data-lucide=\"hand-tap\" className=\"text-gray-300\"><\/i>\n <\/div>\n <p className=\"text-gray-400 font-medium\">Ch\u1ecdn khu v\u1ef1c b\u00ean tr\u00ean \u0111\u1ec3 xem chi ti\u1ebft<\/p>\n <\/div>\n )}\n <\/div>\n <\/div>\n <\/div>\n\n <footer className=\"bg-gray-50 p-6 text-center border-t border-gray-100\">\n <p className=\"font-bold text-gray-800\">\u1ee6Y BAN B\u1ea6U C\u1eec X\u00c3 DI LINH<\/p>\n <p className=\"text-xs text-gray-500 mt-1 uppercase tracking-widest\">H\u1ec7 th\u1ed1ng h\u1ed7 tr\u1ee3 th\u00f4ng tin b\u1ea7u c\u1eed \u2022 \u0110\u1ed7 Ng\u1ecdc Th\u00e2n<\/p>\n <\/footer>\n <\/div>\n );\n }\n\n const root = ReactDOM.createRoot(document.getElementById(\"ung-dung-tra-cuu\"));\n root.render(<UngDung \/>);\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Tra c\u1ee9u \u0110i\u1ec3m b\u1ecf phi\u1ebfu – Kh\u00f3a XVI (2026-2031)<\/p>\n","protected":false},"author":1,"featured_media":2545,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"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-2525","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/pages\/2525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xadilinh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2525"}],"version-history":[{"count":21,"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/pages\/2525\/revisions"}],"predecessor-version":[{"id":2550,"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/pages\/2525\/revisions\/2550"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/media\/2545"}],"wp:attachment":[{"href":"https:\/\/xadilinh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2525,"date":"2026-03-10T22:43:23","date_gmt":"2026-03-10T15:43:23","guid":{"rendered":"https:\/\/xadilinh.com\/?page_id=2525"},"modified":"2026-03-11T08:35:16","modified_gmt":"2026-03-11T01:35:16","slug":"bau-cu","status":"publish","type":"page","link":"https:\/\/xadilinh.com\/?page_id=2525","title":{"rendered":"B\u1ea7u C\u1eed"},"content":{"rendered":"\n\n\n\n \n \n Tra c\u1ee9u \u0110i\u1ec3m b\u1ecf phi\u1ebfu – Kh\u00f3a XVI (2026-2031)<\/title>\n\n <script src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\n <script src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\n <script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n body { font-family: 'Inter', sans-serif; background: #f8fafc; margin: 0; }\n .thanh-cuon::-webkit-scrollbar { width: 4px; }\n .thanh-cuon::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 10px; }\n \n \/* Hi\u1ec7u \u1ee9ng xoay tr\u1ed1ng \u0111\u1ed3ng *\/\n @keyframes spin-slow {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n .animate-spin-slow {\n animation: spin-slow 20s linear infinite;\n }\n\n .header-bg {\n background-color: #da251d; \/* \u0110\u1ecf c\u1edd Vi\u1ec7t Nam *\/\n position: relative;\n overflow: hidden;\n }\n\n \/* L\u1edbp ph\u1ee7 h\u1ecda ti\u1ebft tr\u1ed1ng \u0111\u1ed3ng (S\u1eed d\u1ee5ng link \u1ea3nh m\u00e0u v\u00e0ng kim \u0111\u00e3 t\u1ed1i \u01b0u) *\/\n .trong-dong-overlay {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 500px;\n height: 500px;\n margin-top: -250px;\n margin-left: -250px;\n \/* Link \u1ea3nh m\u1eb7t tr\u1ed1ng \u0111\u1ed3ng m\u00e0u v\u00e0ng kim nh\u1ea1t, kh\u00f4ng d\u00f9ng filter *\/\n background-image: url('https:\/\/png.pngtree.com\/png-clipart\/20250103\/original\/pngtree-vietnamese-culture-drum-pattern-vector-png-image_9803714.png');\n background-size: contain;\n background-repeat: no-repeat;\n opacity: 0.1; \/* Gi\u1ea3m \u0111\u1ed9 m\u1edd \u0111\u1ec3 kh\u00f4ng \u0111\u00e8 ch\u1eef *\/\n pointer-events: none;\n \/* \u0110\u00e3 b\u1ecf filter: invert(1) \u0111\u1ec3 tr\u00e1nh l\u1ed7i m\u00e0u xanh *\/\n }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"ung-dung-tra-cuu\"><\/div>\n\n<script type=\"text\/babel\">\n const { useState, useMemo, useEffect } = React;\n\n const DANH_SACH_KHU_VUC = [\n { id: 1, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 1\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n N\u00f4ng Tr\u01b0\u1eddng\", mapUrl: \"https:\/\/maps.app.goo.gl\/UR3obBuTnCa2navy9\", votingUnit: 1, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n N\u00f4ng Tr\u01b0\u1eddng v\u00e0 Th\u00f4n Li\u00ean \u0110\u1ea7m 1.\" },\n { id: 2, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 2\", address: \"H\u1ed9i Tr\u01b0\u1eddng UBND x\u00e3 Li\u00ean \u0110\u1ea7m c\u0169\", mapUrl: \"http:\/\/maps.app.goo.gl\/A7VWRwwonXYrG1Hy7\", votingUnit: 1, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 3.\" },\n { id: 3, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 3\", address: \"M\u01b0\u1ee3n nh\u00e0 d\u00e2n s\u1ed1 225, x\u00f3m 5, Th\u00f4n Li\u00ean \u0110\u1ea7m 8\", mapUrl: \"http:\/\/maps.app.goo.gl\/MwkHrvX7aSYoFF49A\", votingUnit: 1, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 8.\" },\n { id: 4, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 4\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Li\u00ean \u0110\u1ea7m 10, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/cVcfuo6P8gGVUV7A8\", votingUnit: 1, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 10.\" },\n { id: 5, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 5\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Li\u00ean \u0110\u1ea7m 2, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/7UDy5KYiEyDRcoAFA\", votingUnit: 2, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 2.\" },\n { id: 6, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 6\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Li\u00ean \u0110\u1ea7m 4, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/2BobQbbcAcj6DXPK8\", votingUnit: 2, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 4.\" },\n { id: 7, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 7\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Li\u00ean \u0110\u1ea7m 7, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/YR2nHvvZsKKdGwVq8\", votingUnit: 2, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 7.\" },\n { id: 8, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 8\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Li\u00ean \u0110\u1ea7m 9, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/eTAMkZhdrfDZLkxV8\", votingUnit: 2, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean \u0110\u1ea7m 5 v\u00e0 Th\u00f4n Li\u00ean \u0110\u1ea7m 9.\" },\n { id: 9, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 9\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 1, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/8f3kNwzjqN27bkXw6\", votingUnit: 3, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 1, x\u00e3 Di Linh.\" },\n { id: 10, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 10\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 2, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/8P1k2wEV2Ux5WGNY9\", votingUnit: 3, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 2, x\u00e3 Di Linh.\" },\n { id: 11, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 11\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 3, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/iAfkbr4cWhaosnGP9\", votingUnit: 3, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 3, x\u00e3 Di Linh.\" },\n { id: 12, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 12\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 4, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/Heb3dHDuoqG4Ubo6A\", votingUnit: 3, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 4, x\u00e3 Di Linh.\" },\n { id: 13, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 13\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 5, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/YvzcfmadQFphQypf9\", votingUnit: 4, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 5, x\u00e3 Di Linh.\" },\n { id: 14, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 14\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 6, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/5zsdr7pvXsqs3Nzr5\", votingUnit: 4, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 6, x\u00e3 Di Linh.\" },\n { id: 15, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 15\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 7, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/5TBzdN7515nH2Nmo7\", votingUnit: 4, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 7, x\u00e3 Di Linh.\" },\n { id: 16, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 16\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Klong Trao 1\", mapUrl: \"http:\/\/maps.app.goo.gl\/SQrB8EMP39U6hhx48\", votingUnit: 4, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Klong Trao 1, x\u00e3 Di Linh.\" },\n { id: 17, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 17\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Klong Trao 2\", mapUrl: \"http:\/\/maps.app.goo.gl\/CcDsvJZhz7DxSVRF9\", votingUnit: 4, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Klong Trao 2, x\u00e3 Di Linh.\" },\n { id: 18, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 18\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 8, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/hmgWL3Ce3aehG6yt9\", votingUnit: 5, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 8, x\u00e3 Di Linh.\" },\n { id: 19, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 19\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 9, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/JB2giyuBQbVRUoz87\", votingUnit: 5, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 9, x\u00e3 Di Linh.\" },\n { id: 20, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 20\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 10, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/hu2765i6zRPeYwfZ6\", votingUnit: 5, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 10, x\u00e3 Di Linh.\" },\n { id: 21, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 21\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 11, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/69dBGwDmEVvWGviE8\", votingUnit: 5, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 11, x\u00e3 Di Linh.\" },\n { id: 22, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 22\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 12, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/nU3TdF5iwqSzQ5rp6\", votingUnit: 5, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 12, x\u00e3 Di Linh.\" },\n { id: 23, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 23\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 13, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/Lk34mhG22qAQC4957\", votingUnit: 5, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 13, x\u00e3 Di Linh.\" },\n { id: 24, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 24\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 14, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/Q2rEbNNcX64wgh3x7\", votingUnit: 6, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 14, x\u00e3 Di Linh.\" },\n { id: 25, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 25\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Di Linh Th\u01b0\u1ee3ng 1, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/j4AN57zt8CVo2byH6\", votingUnit: 6, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Di Linh Th\u01b0\u1ee3ng 1, x\u00e3 Di Linh.\" },\n { id: 26, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 26\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Di Linh Th\u01b0\u1ee3ng 2, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/VukffWZzQiLy9hNd6\", votingUnit: 6, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Di Linh Th\u01b0\u1ee3ng 2, x\u00e3 Di Linh.\" },\n { id: 27, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 27\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Ka Ming, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/WyEfM4T6zD6qag1g6\", votingUnit: 6, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Ka Ming, x\u00e3 Di Linh.\" },\n { id: 28, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 28\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 15, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/HrgxWdj41R4T5u5P7\", votingUnit: 7, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 15, x\u00e3 Di Linh.\" },\n { id: 29, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 29\", address: \"Tr\u01b0\u1eddng ti\u1ec3u h\u1ecdc Tr\u1ea7n Qu\u1ed1c To\u1ea3n\", mapUrl: \"http:\/\/maps.app.goo.gl\/BzetqDVr4LQMZsVB6\", votingUnit: 7, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 16, x\u00e3 Di Linh.\" },\n { id: 30, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 30\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 17, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/WZJYcJqpugB3z7bPA\", votingUnit: 7, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 17, x\u00e3 Di Linh.\" },\n { id: 31, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 31\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 18, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/puVivGDVvUt2gw3T7\", votingUnit: 7, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 18, x\u00e3 Di Linh.\" },\n { id: 32, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 32\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 19, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/1fJ86XMxsNJy41yc9\", votingUnit: 7, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 19, x\u00e3 Di Linh.\" },\n { id: 33, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 33\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n 20, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/LuSGU16BJxGA7BZJ8\", votingUnit: 7, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n 20, x\u00e3 Di Linh.\" },\n { id: 34, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 34\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 1, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/v6QG5DhHjRKvGoVp7\", votingUnit: 8, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 1, x\u00e3 Di Linh.\" },\n { id: 35, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 35\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 2, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/a9JVD23eQQEJUPXx9\", votingUnit: 8, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 2, x\u00e3 Di Linh.\" },\n { id: 36, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 36\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 3, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/usCjfQa6BsSnbmKB9\", votingUnit: 8, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 3, x\u00e3 Di Linh.\" },\n { id: 37, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 37\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 8, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/q5BCB6XiR1aYvAdf8\", votingUnit: 8, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 8, x\u00e3 Di Linh.\" },\n { id: 38, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 38\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 9, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/KHgHsVVHYzYe3Wxs7\", votingUnit: 8, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 9, x\u00e3 Di Linh.\" },\n { id: 39, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 39\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 4, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/MhcSh6p9s39ybGzC9\", votingUnit: 9, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 4, x\u00e3 Di Linh.\" },\n { id: 40, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 40\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 5, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/9KpSxT1TZjMb9rbz6\", votingUnit: 9, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 5, x\u00e3 Di Linh.\" },\n { id: 41, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 41\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 6, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/uutpGuTrRyHPM7kCA\", votingUnit: 9, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 6, x\u00e3 Di Linh.\" },\n { id: 42, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 42\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n T\u00e2n Ch\u00e2u 7, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/LJYuUXWTCCRUaNbe9\", votingUnit: 9, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n T\u00e2n Ch\u00e2u 7, x\u00e3 Di Linh.\" },\n { id: 43, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 43\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n Li\u00ean Ch\u00e2u, x\u00e3 Di Linh\", mapUrl: \"http:\/\/maps.app.goo.gl\/3qJKWE5no5kMxgs66\", votingUnit: 9, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n Li\u00ean Ch\u00e2u, x\u00e3 Di Linh.\" },\n { id: 44, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 44\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n \u0110\u0103ng R\u00e1ch\", mapUrl: \"http:\/\/maps.app.goo.gl\/THc5CyASierGCoyTA\", votingUnit: 10, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n \u0110\u0103ng R\u00e1ch, x\u00e3 Di Linh.\" },\n { id: 45, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 45\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n L\u0103ng K\u00fa\", mapUrl: \"http:\/\/maps.app.goo.gl\/pTd7sotJ15VZ4Wiq5\", votingUnit: 10, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n L\u0103ng K\u00fa, x\u00e3 Di Linh.\" },\n { id: 46, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 46\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n H\u00e0ng L\u00e0ng\", mapUrl: \"http:\/\/maps.app.goo.gl\/g5J7HNWbnWRgnBAW9\", votingUnit: 10, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n H\u00e0ng L\u00e0ng, x\u00e3 Di Linh.\" },\n { id: 47, name: \"Khu v\u1ef1c b\u1ecf phi\u1ebfu s\u1ed1 47\", address: \"Nh\u00e0 V\u0103n H\u00f3a Th\u00f4n H\u00e0ng H\u1ea3i\", mapUrl: \"http:\/\/maps.app.goo.gl\/xrLLw6feW53vCTAE6\", votingUnit: 10, description: \"D\u00e0nh cho c\u1eed tri thu\u1ed9c Th\u00f4n H\u00e0ng H\u1ea3i, x\u00e3 Di Linh.\" }\n ];\n\n function UngDung() {\n const [tuKhoa, setTuKhoa] = useState(\"\");\n const [khuVucChon, setKhuVucChon] = useState(null);\n\n useEffect(() => {\n if (window.lucide) window.lucide.createIcons();\n }, [khuVucChon, tuKhoa]);\n\n const ketQua = useMemo(() => {\n return DANH_SACH_KHU_VUC.filter(v =>\n v.name.toLowerCase().includes(tuKhoa.toLowerCase()) ||\n v.address.toLowerCase().includes(tuKhoa.toLowerCase()) ||\n v.description.toLowerCase().includes(tuKhoa.toLowerCase()) ||\n String(v.votingUnit).includes(tuKhoa)\n );\n }, [tuKhoa]);\n\n return (\n <div className=\"max-w-6xl mx-auto md:my-6 bg-white md:rounded-3xl shadow-2xl overflow-hidden border border-gray-100\">\n \n {\/* Header v\u1edbi Tr\u1ed1ng \u0111\u1ed3ng xoay m\u00e0u v\u00e0ng kim tr\u00ean n\u1ec1n \u0111\u1ecf *\/}\n <header className=\"header-bg text-white p-6 md:p-10 text-center\">\n <div className=\"trong-dong-overlay animate-spin-slow\"><\/div>\n <div className=\"relative z-10\">\n {\/* \u00c9p m\u00e0u v\u00e0ng cho ti\u00eau \u0111\u1ec1 *\/}\n <h1 className=\"text-xl md:text-3xl font-black mb-2 uppercase tracking-tight text-yellow-400\">\n H\u1ec7 th\u1ed1ng Tra c\u1ee9u \u0111i\u1ec3m b\u1ecf phi\u1ebfu\n <\/h1>\n <p className=\"text-sm md:text-lg opacity-90 font-medium text-white\">\n \u0110\u1ea1i bi\u1ec3u Qu\u1ed1c h\u1ed9i Kh\u00f3a XVI & H\u0110ND c\u00e1c c\u1ea5p nhi\u1ec7m k\u1ef3 2026-2031\n <\/p>\n <\/div>\n <\/header>\n\n <div className=\"p-4 md:p-6\">\n {\/* \u00d4 t\u00ecm ki\u1ebfm s\u1ea1ch s\u1ebd *\/}\n <div className=\"mb-6\">\n <input\n type=\"text\"\n placeholder=\"Nh\u1eadp t\u00ean th\u00f4n, \u0111\u1ecba ch\u1ec9 ho\u1eb7c s\u1ed1 \u0111\u01a1n v\u1ecb b\u1ea7u c\u1eed \u0111\u1ec3 t\u00ecm nhanh...\"\n className=\"w-full border-2 border-gray-200 rounded-xl px-4 py-3 md:py-4 text-base md:text-lg focus:border-red-600 focus:ring-0 transition-all outline-none bg-gray-50 shadow-inner text-gray-800 placeholder-gray-400\"\n value={tuKhoa}\n onChange={e => setTuKhoa(e.target.value)}\n \/>\n <\/div>\n\n <div className=\"grid grid-cols-1 lg:grid-cols-12 gap-6\">\n \n {\/* C\u1ed9t danh s\u00e1ch (Thu nh\u1ecf tr\u00ean Mobile) *\/}\n <div className=\"lg:col-span-5 border border-gray-200 rounded-2xl overflow-hidden flex flex-col h-[250px] md:h-[500px] bg-white\">\n <div className=\"bg-gray-50 px-4 py-2 font-bold text-gray-500 border-b text-sm flex justify-between\">\n <span>K\u1ebft qu\u1ea3: {ketQua.length}<\/span>\n <span className=\"text-xs italic\">B\u1ea5m \u0111\u1ec3 xem chi ti\u1ebft \u2193<\/span>\n <\/div>\n <div className=\"flex-1 overflow-y-auto thanh-cuon p-1\">\n {ketQua.map(v => (\n <div\n key={v.id}\n onClick={() => {\n setKhuVucChon(v);\n \/\/ Cu\u1ed9n xu\u1ed1ng ph\u1ea7n chi ti\u1ebft tr\u00ean mobile\n if(window.innerWidth < 768) {\n document.getElementById('chi-tiet-khu-vuc').scrollIntoView({behavior: 'smooth'});\n }\n }}\n className={`p-3 mb-1 rounded-xl cursor-pointer transition-all border ${\n khuVucChon?.id === v.id \n ? \"bg-red-600 text-white shadow-md\" \n : \"hover:bg-red-50 border-transparent text-gray-700\"\n }`}\n >\n <div className=\"font-bold text-sm md:text-base\">{v.name}<\/div>\n <div className={`text-xs ${khuVucChon?.id === v.id ? \"text-red-100\" : \"text-gray-400\"} line-clamp-1`}>\n {v.address}\n <\/div>\n <\/div>\n ))}\n <\/div>\n <\/div>\n\n {\/* C\u1ed9t chi ti\u1ebft *\/}\n <div id=\"chi-tiet-khu-vuc\" className=\"lg:col-span-7 border-2 border-gray-100 rounded-2xl p-4 md:p-8 bg-gray-50\/50 min-h-[300px] flex items-center justify-center\">\n {khuVucChon ? (\n <div className=\"w-full animate-in fade-in slide-in-from-bottom-4 duration-300\">\n <div className=\"flex items-center space-x-3 mb-4\">\n <div className=\"w-2 h-8 bg-red-600 rounded-full\"><\/div>\n <h2 className=\"text-2xl md:text-3xl font-black text-gray-800\">{khuVucChon.name}<\/h2>\n <\/div>\n\n <div className=\"space-y-4\">\n <div className=\"bg-white p-4 rounded-xl shadow-sm border border-gray-100\">\n <div className=\"text-xs font-bold text-gray-400 uppercase\">\u0110\u1ecba \u0111i\u1ec3m b\u1ecf phi\u1ebfu<\/div>\n <p className=\"text-base md:text-lg font-bold text-gray-800 mt-1\">{khuVucChon.address}<\/p>\n <\/div>\n\n <div className=\"flex gap-4\">\n <div className=\"flex-1 bg-white p-4 rounded-xl shadow-sm border border-gray-100 border-b-4 border-blue-500\">\n <div className=\"text-xs font-bold text-gray-400 uppercase\">\u0110\u01a1n v\u1ecb b\u1ea7u c\u1eed<\/div>\n <p className=\"text-xl font-black text-blue-600\">S\u1ed1 {khuVucChon.votingUnit}<\/p>\n <\/div>\n <div className=\"flex-1 bg-white p-4 rounded-xl shadow-sm border border-gray-100 border-b-4 border-yellow-500\">\n <div className=\"text-xs font-bold text-gray-400 uppercase\">B\u1ea3n \u0111\u1ed3<\/div>\n <a href={khuVucChon.mapUrl} target=\"_blank\" className=\"text-red-600 font-bold block mt-1 flex items-center hover:text-red-800\">\n M\u1edf Maps <i data-lucide=\"external-link\" size=\"14\" className=\"ml-1\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n <div className=\"bg-red-50 p-4 rounded-xl border border-red-100 shadow-inner\">\n <div className=\"text-xs font-bold text-red-400 uppercase tracking-wider\">Th\u00f4ng tin c\u1eed tri<\/div>\n <p className=\"text-sm md:text-base text-gray-800 mt-2 font-medium leading-relaxed\">{khuVucChon.description}<\/p>\n <\/div>\n <\/div>\n\n <a\n href={khuVucChon.mapUrl}\n target=\"_blank\"\n className=\"mt-6 w-full flex items-center justify-center bg-gray-900 text-white py-4 rounded-xl font-bold hover:bg-red-600 transition-all shadow-lg text-lg\"\n >\n D\u1eabn \u0111\u01b0\u1eddng t\u1edbi \u0111i\u1ec3m b\u1ecf phi\u1ebfu\n <\/a>\n <\/div>\n ) : (\n <div className=\"text-center py-12\">\n <div className=\"bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-sm\">\n <i data-lucide=\"hand-tap\" className=\"text-gray-300\"><\/i>\n <\/div>\n <p className=\"text-gray-400 font-medium\">Ch\u1ecdn khu v\u1ef1c b\u00ean tr\u00ean \u0111\u1ec3 xem chi ti\u1ebft<\/p>\n <\/div>\n )}\n <\/div>\n <\/div>\n <\/div>\n\n <footer className=\"bg-gray-50 p-6 text-center border-t border-gray-100\">\n <p className=\"font-bold text-gray-800\">\u1ee6Y BAN B\u1ea6U C\u1eec X\u00c3 DI LINH<\/p>\n <p className=\"text-xs text-gray-500 mt-1 uppercase tracking-widest\">H\u1ec7 th\u1ed1ng h\u1ed7 tr\u1ee3 th\u00f4ng tin b\u1ea7u c\u1eed \u2022 \u0110\u1ed7 Ng\u1ecdc Th\u00e2n<\/p>\n <\/footer>\n <\/div>\n );\n }\n\n const root = ReactDOM.createRoot(document.getElementById(\"ung-dung-tra-cuu\"));\n root.render(<UngDung \/>);\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Tra c\u1ee9u \u0110i\u1ec3m b\u1ecf phi\u1ebfu – Kh\u00f3a XVI (2026-2031)<\/p>\n","protected":false},"author":1,"featured_media":2545,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"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-2525","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/pages\/2525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xadilinh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2525"}],"version-history":[{"count":21,"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/pages\/2525\/revisions"}],"predecessor-version":[{"id":2550,"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/pages\/2525\/revisions\/2550"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xadilinh.com\/index.php?rest_route=\/wp\/v2\/media\/2545"}],"wp:attachment":[{"href":"https:\/\/xadilinh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}