{"id":2324,"date":"2024-11-18T12:44:47","date_gmt":"2024-11-18T05:44:47","guid":{"rendered":"https:\/\/soulandskills.vn\/?page_id=2324"},"modified":"2024-11-19T10:53:37","modified_gmt":"2024-11-19T03:53:37","slug":"he-thong-huy-hieu","status":"publish","type":"page","link":"https:\/\/soulandskills.vn\/en\/he-thong-huy-hieu\/","title":{"rendered":"H\u1ec7 th\u1ed1ng Huy Hi\u1ec7u"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2324\" class=\"elementor elementor-2324\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3941742 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3941742\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2bee878\" data-id=\"2bee878\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4ec2257 elementor-widget elementor-widget-html\" data-id=\"4ec2257\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<div class=\"container mx-auto p-8\">\n  <h1 class=\"text-3xl font-semibold text-center mb-6\">H\u1ec7 Th\u1ed1ng Huy Hi\u1ec7u<\/h1>\n\n  <!-- Search Box -->\n  <div class=\"mb-4 flex justify-center\">\n    <input\n      id=\"search\"\n      type=\"text\"\n      placeholder=\"T\u00ecm ki\u1ebfm huy hi\u1ec7u...\"\n      class=\"px-4 py-2 border rounded-lg w-1\/2 shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-400\"\n    \/>\n  <\/div>\n\n  <!-- Huy Hi\u1ec7u Grid -->\n  <div\n    id=\"badgeGrid\"\n    class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6\"\n  >\n    <!-- Huy hi\u1ec7u items s\u1ebd \u0111\u01b0\u1ee3c th\u00eam v\u00e0o \u0111\u00e2y -->\n  <\/div>\n<\/div>\n\n<!-- Popup -->\n<div\n  id=\"popup\"\n  class=\"fixed inset-0 bg-gray-500 bg-opacity-50 flex items-center justify-center hidden\"\n>\n  <div class=\"bg-white rounded-lg p-6 w-3\/4 md:w-1\/2 lg:w-1\/3 shadow-lg\">\n    <div class=\"flex justify-center items-center\">\n      <img decoding=\"async\"\n        id=\"popupImage\"\n        src=\"\"\n        alt=\"Huy hi\u1ec7u\"\n        class=\"w-1\/3 h-auto object-cover rounded-md\"\n        loading=\"lazy\"\n      \/>\n      <div class=\"ml-6\">\n        <!-- <h3 id=\"popupName\" class=\"text-xl font-semibold mb-2\">T\u00ean Huy Hi\u1ec7u<\/h3> -->\n        <p id=\"popupCode\" class=\"text-sm text-gray-500 mb-2 font-semibold\">M\u00e3 Huy Hi\u1ec7u:<\/p>\n        <p id=\"popupSkillGroup\" class=\"text-sm text-gray-500 mb-2 font-semibold\">\n          Nh\u00f3m K\u1ef9 N\u0103ng:\n        <\/p>\n        <p id=\"popupSkill\" class=\"text-sm text-gray-500 font-semibold\">T\u00ean K\u1ef9 N\u0103ng:<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"text-right\">\n      <button\n        id=\"closePopup\"\n        class=\"mt-4 px-4 py-2 bg-red-500 text-white rounded-md\"\n      >\n        Close\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  \/\/ D\u1eef li\u1ec7u huy hi\u1ec7u\n  const badges = [\n    {\n      ten_huy_hieu: \"Kh\u00e1m ph\u00e1 b\u1ea3n th\u00e2n\",\n      ky_nang: \"Nh\u1eadn th\u1ee9c v\u1ec1 b\u1ea3n th\u00e2n\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.01\",\n      code: \"KN1.01\",\n    },\n    {\n      ten_huy_hieu: \"Kh\u00e1m ph\u00e1 t\u00ednh c\u00e1ch\",\n      ky_nang: \"Nh\u1eadn th\u1ee9c v\u1ec1 b\u1ea3n th\u00e2n\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.01\",\n      code: \"KN2.01\",\n    },\n    {\n      ten_huy_hieu: \"Kh\u00e1m ph\u00e1 th\u1ebf m\u1ea1nh\",\n      ky_nang: \"Nh\u1eadn th\u1ee9c v\u1ec1 b\u1ea3n th\u00e2n\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.01\",\n      code: \"KN3.01\",\n    },\n    {\n      ten_huy_hieu: \"Ch\u00e2n dung \u1edf t\u01b0\u01a1ng lai\",\n      ky_nang: \"Nh\u1eadn th\u1ee9c v\u1ec1 b\u1ea3n th\u00e2n\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.01\",\n      code: \"KN4.01\",\n    },\n    {\n      ten_huy_hieu: \"Nu\u00f4i d\u01b0\u1ee1ng \u01b0\u1edbc m\u01a1\",\n      ky_nang: \"Nh\u1eadn th\u1ee9c v\u1ec1 b\u1ea3n th\u00e2n\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.01\",\n      code: \"KN5.01\",\n    },\n    {\n      ten_huy_hieu: \"Nh\u1eadn di\u1ec7n c\u1ea3m x\u00fac\",\n      ky_nang: \"Qu\u1ea3n l\u00fd c\u1ea3m x\u00fac\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.02\",\n      code: \"KN1.02\",\n    },\n    {\n      ten_huy_hieu: \"Ch\u1ea5p nh\u1eadn c\u1ea3m x\u00fac\",\n      ky_nang: \"Qu\u1ea3n l\u00fd c\u1ea3m x\u00fac\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.02\",\n      code: \"KN2.02\",\n    },\n    {\n      ten_huy_hieu: \"Chuy\u1ec3n h\u00f3a c\u1ea3m x\u00fac\",\n      ky_nang: \"Qu\u1ea3n l\u00fd c\u1ea3m x\u00fac\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.02\",\n      code: \"KN3.02\",\n    },\n    {\n      ten_huy_hieu: \"Qu\u1ea3n l\u00fd c\u01a1n gi\u1eadn\",\n      ky_nang: \"Qu\u1ea3n l\u00fd c\u1ea3m x\u00fac\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.02\",\n      code: \"KN4.02\",\n    },\n    {\n      ten_huy_hieu: \"\u0110\u1ed3ng c\u1ea3m\",\n      ky_nang: \"Qu\u1ea3n l\u00fd c\u1ea3m x\u00fac\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.02\",\n      code: \"KN5.02\",\n    },\n    {\n      ten_huy_hieu: \"R\u1eeda tay\",\n      ky_nang: \"V\u1ec7 sinh c\u00e1 nh\u00e2n\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.03\",\n      code: \"KN1.03\",\n    },\n    {\n      ten_huy_hieu: \"\u0110\u00e1nh r\u0103ng \",\n      ky_nang: \"V\u1ec7 sinh c\u00e1 nh\u00e2n\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.03\",\n      code: \"KN2.03\",\n    },\n    {\n      ten_huy_hieu: \"Ch\u0103m s\u00f3c c\u01a1 th\u1ec3\",\n      ky_nang: \"V\u1ec7 sinh c\u00e1 nh\u00e2n\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.03\",\n      code: \"KN3.03\",\n    },\n    {\n      ten_huy_hieu: \"Chu\u1ea9n b\u1ecb tr\u01b0\u1edbc khi \u0111\u1ebfn tr\u01b0\u1eddng\",\n      ky_nang: \"V\u1ec7 sinh c\u00e1 nh\u00e2n\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.03\",\n      code: \"KN4.03\",\n    },\n    {\n      ten_huy_hieu: \"B\u1ea3o v\u1ec7 \u0111\u00f4i m\u1eaft\",\n      ky_nang: \"V\u1ec7 sinh c\u00e1 nh\u00e2n\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.03\",\n      code: \"KN5.03\",\n    },\n    {\n      ten_huy_hieu: \"T\u01b0 th\u1ebf ng\u1ed3i \u0111\u00fang\",\n      ky_nang: \"Ch\u0103m s\u00f3c v\u1ebb ngo\u00e0i\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.04\",\n      code: \"KN1.04\",\n    },\n    {\n      ten_huy_hieu: \"Giao ti\u1ebfp b\u1eb1ng m\u1eaft\",\n      ky_nang: \"Ch\u0103m s\u00f3c v\u1ebb ngo\u00e0i\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.04\",\n      code: \"KN2.04\",\n    },\n    {\n      ten_huy_hieu: \"Ch\u1ecdn l\u1ef1a trang ph\u1ee5c \",\n      ky_nang: \"Ch\u0103m s\u00f3c v\u1ebb ngo\u00e0i\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.04\",\n      code: \"KN3.04\",\n    },\n    {\n      ten_huy_hieu: \"Ch\u0103m s\u00f3c ngo\u1ea1i h\u00ecnh\",\n      ky_nang: \"Ch\u0103m s\u00f3c v\u1ebb ngo\u00e0i\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.04\",\n      code: \"KN4.04\",\n    },\n    {\n      ten_huy_hieu: \"T\u1ea1o d\u00e1ng khi ch\u1ee5p \u1ea3nh\",\n      ky_nang: \"Ch\u0103m s\u00f3c v\u1ebb ngo\u00e0i\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.04\",\n      code: \"KN5.04\",\n    },\n    {\n      ten_huy_hieu: \"L\u1ef1a ch\u1ecdn th\u1ef1c ph\u1ea9m \",\n      ky_nang: \"X\u00e2y d\u1ef1ng ch\u1ebf \u0111\u1ed9 \u0103n dinh d\u01b0\u1ee1ng\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.05\",\n      code: \"KN1.05\",\n    },\n    {\n      ten_huy_hieu: \"C\u00e2n b\u1eb1ng dinh d\u01b0\u1ee1ng\",\n      ky_nang: \"X\u00e2y d\u1ef1ng ch\u1ebf \u0111\u1ed9 \u0103n dinh d\u01b0\u1ee1ng\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.05\",\n      code: \"KN2.05\",\n    },\n    {\n      ten_huy_hieu: \"U\u1ed1ng n\u01b0\u1edbc\",\n      ky_nang: \"X\u00e2y d\u1ef1ng ch\u1ebf \u0111\u1ed9 \u0103n dinh d\u01b0\u1ee1ng\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.05\",\n      code: \"KN3.05\",\n    },\n    {\n      ten_huy_hieu: \"T\u00ecm hi\u1ec3u v\u1ec1 n\u1ea5u \u0103n\",\n      ky_nang: \"X\u00e2y d\u1ef1ng ch\u1ebf \u0111\u1ed9 \u0103n dinh d\u01b0\u1ee1ng\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.05\",\n      code: \"KN4.05\",\n    },\n    {\n      ten_huy_hieu: \"Gi\u00e1 tr\u1ecb dinh d\u01b0\u1ee1ng\",\n      ky_nang: \"X\u00e2y d\u1ef1ng ch\u1ebf \u0111\u1ed9 \u0103n dinh d\u01b0\u1ee1ng\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.05\",\n      code: \"KN5.05\",\n    },\n    {\n      ten_huy_hieu: \"V\u1eadn \u0111\u1ed9ng th\u00f4 - tinh\",\n      ky_nang: \"V\u1eadn \u0111\u1ed9ng h\u1ee3p l\u00fd\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.06\",\n      code: \"KN1.06\",\n    },\n    {\n      ten_huy_hieu: \"D\u00e3n c\u01a1\",\n      ky_nang: \"V\u1eadn \u0111\u1ed9ng h\u1ee3p l\u00fd\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.06\",\n      code: \"KN2.06\",\n    },\n    {\n      ten_huy_hieu: \"Ch\u01a1i th\u1ec3 thao\",\n      ky_nang: \"V\u1eadn \u0111\u1ed9ng h\u1ee3p l\u00fd\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.06\",\n      code: \"KN3.06\",\n    },\n    {\n      ten_huy_hieu: \"Vui ch\u01a1i\",\n      ky_nang: \"V\u1eadn \u0111\u1ed9ng h\u1ee3p l\u00fd\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.06\",\n      code: \"KN4.06\",\n    },\n    {\n      ten_huy_hieu: \"Ng\u0103n ng\u1eeba b\u00e9o ph\u00ec\",\n      ky_nang: \"V\u1eadn \u0111\u1ed9ng h\u1ee3p l\u00fd\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.06\",\n      code: \"KN5.06\",\n    },\n    {\n      ten_huy_hieu: \"Th\u00f3i quen ng\u1ee7 s\u1edbm-d\u1eady s\u1edbm\",\n      ky_nang: \"X\u00e2y d\u1ef1ng th\u00f3i quen nh\u1ecf\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.07\",\n      code: \"KN1.07\",\n    },\n    {\n      ten_huy_hieu: \"Th\u00f3i quen \u0103n u\u1ed1ng l\u00e0nh m\u1ea1nh\",\n      ky_nang: \"X\u00e2y d\u1ef1ng th\u00f3i quen nh\u1ecf\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.07\",\n      code: \"KN2.07\",\n    },\n    {\n      ten_huy_hieu: \"Th\u00f3i quen t\u1eadp luy\u1ec7n\",\n      ky_nang: \"X\u00e2y d\u1ef1ng th\u00f3i quen nh\u1ecf\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.07\",\n      code: \"KN3.07\",\n    },\n    {\n      ten_huy_hieu: \"Th\u00f3i quen \u0111\u1ecdc s\u00e1ch\",\n      ky_nang: \"X\u00e2y d\u1ef1ng th\u00f3i quen nh\u1ecf\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.07\",\n      code: \"KN4.07\",\n    },\n    {\n      ten_huy_hieu: \"Th\u00f3i quen ng\u0103n n\u1eafp, s\u1ea1ch s\u1ebd\",\n      ky_nang: \"X\u00e2y d\u1ef1ng th\u00f3i quen nh\u1ecf\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.07\",\n      code: \"KN5.07\",\n    },\n    {\n      ten_huy_hieu: \"Xem gi\u1edd\",\n      ky_nang: \"Qu\u1ea3n l\u00fd th\u1eddi gian\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.08\",\n      code: \"KN1.08\",\n    },\n    {\n      ten_huy_hieu: \"S\u1eafp x\u1ebfp th\u1eddi gian\",\n      ky_nang: \"Qu\u1ea3n l\u00fd th\u1eddi gian\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.08\",\n      code: \"KN2.08\",\n    },\n    {\n      ten_huy_hieu: \"\u0110\u00fang gi\u1edd\",\n      ky_nang: \"Qu\u1ea3n l\u00fd th\u1eddi gian\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.08\",\n      code: \"KN3.08\",\n    },\n    {\n      ten_huy_hieu: \"Nh\u1eefng \u01b0u ti\u00ean c\u1ee7a em \",\n      ky_nang: \"Qu\u1ea3n l\u00fd th\u1eddi gian\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.08\",\n      code: \"KN4.08\",\n    },\n    {\n      ten_huy_hieu: \"L\u1eadp k\u1ebf ho\u1ea1ch\",\n      ky_nang: \"Qu\u1ea3n l\u00fd th\u1eddi gian\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.08\",\n      code: \"KN5.08\",\n    },\n    {\n      ten_huy_hieu: \"Gi\u1edbi thi\u1ec7u v\u1ec1 ti\u1ec1n\",\n      ky_nang: \"Qu\u1ea3n l\u00fd chi ti\u00eau\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.09\",\n      code: \"KN1.09\",\n    },\n    {\n      ten_huy_hieu: \"Nhu c\u1ea7u v\u00e0 mong mu\u1ed1n\",\n      ky_nang: \"Qu\u1ea3n l\u00fd chi ti\u00eau\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.09\",\n      code: \"KN2.09\",\n    },\n    {\n      ten_huy_hieu: \"M\u1ee5c ti\u00eau ng\u1eafn h\u1ea1n-d\u00e0i h\u1ea1n\",\n      ky_nang: \"Qu\u1ea3n l\u00fd chi ti\u00eau\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.09\",\n      code: \"KN3.09\",\n    },\n    {\n      ten_huy_hieu: \"Ph\u00e2n b\u1ed5 ti\u1ec1n\",\n      ky_nang: \"Qu\u1ea3n l\u00fd chi ti\u00eau\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.09\",\n      code: \"KN4.09\",\n    },\n    {\n      ten_huy_hieu: \"L\u1eadp ng\u00e2n s\u00e1ch\",\n      ky_nang: \"Qu\u1ea3n l\u00fd chi ti\u00eau\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.09\",\n      code: \"KN5.09\",\n    },\n    {\n      ten_huy_hieu: \"Ph\u01b0\u01a1ng ph\u00e1p t\u1eadp trung\",\n      ky_nang: \"Ti\u1ebfp c\u1eadn ph\u01b0\u01a1ng ph\u00e1p h\u1ecdc t\u1eadp hi\u1ec7n \u0111\u1ea1i\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.10\",\n      code: \"KN1.10\",\n    },\n    {\n      ten_huy_hieu: \"Ph\u01b0\u01a1ng ph\u00e1p t\u01b0 duy h\u00ecnh \u1ea3nh\",\n      ky_nang: \"Ti\u1ebfp c\u1eadn ph\u01b0\u01a1ng ph\u00e1p h\u1ecdc t\u1eadp hi\u1ec7n \u0111\u1ea1i\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.10\",\n      code: \"KN2.10\",\n    },\n    {\n      ten_huy_hieu: \"Ph\u01b0\u01a1ng ph\u00e1p \u0111\u1ed9ng n\u00e3o\",\n      ky_nang: \"Ti\u1ebfp c\u1eadn ph\u01b0\u01a1ng ph\u00e1p h\u1ecdc t\u1eadp hi\u1ec7n \u0111\u1ea1i\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.10\",\n      code: \"KN3.10\",\n    },\n    {\n      ten_huy_hieu: \"Ph\u01b0\u01a1ng ph\u00e1p s\u01a1 \u0111\u1ed3 t\u01b0 duy\",\n      ky_nang: \"Ti\u1ebfp c\u1eadn ph\u01b0\u01a1ng ph\u00e1p h\u1ecdc t\u1eadp hi\u1ec7n \u0111\u1ea1i\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.10\",\n      code: \"KN4.10\",\n    },\n    {\n      ten_huy_hieu: \"Ph\u01b0\u01a1ng ph\u00e1p g\u1ee3i nh\u1edb\",\n      ky_nang: \"Ti\u1ebfp c\u1eadn ph\u01b0\u01a1ng ph\u00e1p h\u1ecdc t\u1eadp hi\u1ec7n \u0111\u1ea1i\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.10\",\n      code: \"KN5.10\",\n    },\n    {\n      ten_huy_hieu: \"C\u00e1c h\u00ecnh th\u1ee9c gia \u0111\u00ecnh\",\n      ky_nang: \"Y\u00eau th\u01b0\u01a1ng gia \u0111\u00ecnh\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.11\",\n      code: \"KN1.11\",\n    },\n    {\n      ten_huy_hieu: \"T\u00ecnh y\u00eau gia \u0111\u00ecnh\",\n      ky_nang: \"Y\u00eau th\u01b0\u01a1ng gia \u0111\u00ecnh\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.11\",\n      code: \"KN2.11\",\n    },\n    {\n      ten_huy_hieu: \"\u1ee8ng x\u1eed trong gia \u0111\u00ecnh\",\n      ky_nang: \"Y\u00eau th\u01b0\u01a1ng gia \u0111\u00ecnh\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.11\",\n      code: \"KN3.11\",\n    },\n    {\n      ten_huy_hieu: \"\\nM\u1ed1i quan h\u1ec7 anh ch\u1ecb em \",\n      ky_nang: \"Y\u00eau th\u01b0\u01a1ng gia \u0111\u00ecnh\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.11\",\n      code: \"KN4.11\",\n    },\n    {\n      ten_huy_hieu: \"T\u1ea1o s\u1ef1 g\u1eafn b\u00f3 trong gia \u0111\u00ecnh\",\n      ky_nang: \"Y\u00eau th\u01b0\u01a1ng gia \u0111\u00ecnh\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.11\",\n      code: \"KN5.11\",\n    },\n    {\n      ten_huy_hieu: \"D\u1ecdn d\u1eb9p g\u00f3c h\u1ecdc t\u1eadp\",\n      ky_nang: \"Gi\u00fap \u0111\u1ee1 gia \u0111\u00ecnh\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.12\",\n      code: \"KN1.12\",\n    },\n    {\n      ten_huy_hieu: \"Lau d\u1ecdn nh\u00e0\",\n      ky_nang: \"Gi\u00fap \u0111\u1ee1 gia \u0111\u00ecnh\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.12\",\n      code: \"KN2.12\",\n    },\n    {\n      ten_huy_hieu: \"Ph\u01a1i - x\u1ebfp qu\u1ea7n \u00e1o\",\n      ky_nang: \"Gi\u00fap \u0111\u1ee1 gia \u0111\u00ecnh\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.12\",\n      code: \"KN3.12\",\n    },\n    {\n      ten_huy_hieu: \"R\u1eeda ch\u00e9n b\u00e1t\",\n      ky_nang: \"Gi\u00fap \u0111\u1ee1 gia \u0111\u00ecnh\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.12\",\n      code: \"KN4.12\",\n    },\n    {\n      ten_huy_hieu: \"N\u1ea5u c\u01a1m b\u1eb1ng n\u1ed3i c\u01a1m \u0111i\u1ec7n\",\n      ky_nang: \"Gi\u00fap \u0111\u1ee1 gia \u0111\u00ecnh\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.12\",\n      code: \"KN5.12\",\n    },\n    {\n      ten_huy_hieu: \"K\u1ebft b\u1ea1n\",\n      ky_nang: \"K\u1ebft b\u1ea1n \",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.13\",\n      code: \"KN1.13\",\n    },\n    {\n      ten_huy_hieu: \"\u1ee8ng x\u1eed trong tr\u01b0\u1eddng h\u1ecdc\",\n      ky_nang: \"K\u1ebft b\u1ea1n \",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.13\",\n      code: \"KN2.13\",\n    },\n    {\n      ten_huy_hieu: \"Tr\u1ebb em khuy\u1ebft t\u1eadt\",\n      ky_nang: \"K\u1ebft b\u1ea1n \",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.13\",\n      code: \"KN3.13\",\n    },\n    {\n      ten_huy_hieu: \"T\u00ecnh b\u1ea1n kh\u00e1c gi\u1edbi\",\n      ky_nang: \"K\u1ebft b\u1ea1n \",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.13\",\n      code: \"KN4.13\",\n    },\n    {\n      ten_huy_hieu: \"L\u00e0m b\u1ea1n v\u1edbi ch\u00ednh m\u00ecnh\",\n      ky_nang: \"K\u1ebft b\u1ea1n \",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.13\",\n      code: \"KN5.13\",\n    },\n    {\n      ten_huy_hieu: \"Duy tr\u00ec t\u00ecnh b\u1ea1n\",\n      ky_nang: \"Duy tr\u00ec t\u00ecnh b\u1ea1n\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.14\",\n      code: \"KN1.14\",\n    },\n    {\n      ten_huy_hieu: \"Nh\u1eefng c\u00e1i b\u1eaby l\u00e0m t\u00ecnh b\u1ea1n ch\u1ea5m d\u1ee9t\",\n      ky_nang: \"Duy tr\u00ec t\u00ecnh b\u1ea1n\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.14\",\n      code: \"KN2.14\",\n    },\n    {\n      ten_huy_hieu: \"\u00c1p l\u1ef1c b\u1ea1n b\u00e8\",\n      ky_nang: \"Duy tr\u00ec t\u00ecnh b\u1ea1n\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.14\",\n      code: \"KN3.14\",\n    },\n    {\n      ten_huy_hieu: \"Gi\u1ea3i quy\u1ebft m\u00e2u thu\u1eabn trong t\u00ecnh b\u1ea1n\",\n      ky_nang: \"Duy tr\u00ec t\u00ecnh b\u1ea1n\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.14\",\n      code: \"KN4.14\",\n    },\n    {\n      ten_huy_hieu: \"B\u1eaft n\u1ea1t h\u1ecdc \u0111\u01b0\u1eddng\",\n      ky_nang: \"Duy tr\u00ec t\u00ecnh b\u1ea1n\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.14\",\n      code: \"KN5.14\",\n    },\n    {\n      ten_huy_hieu: \"N\u00f3i l\u1eddi xin l\u1ed7i, c\u1ea3m \u01a1n\",\n      ky_nang: \"Giao ti\u1ebfp x\u00e3 h\u1ed9i\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.15\",\n      code: \"KN1.15\",\n    },\n    {\n      ten_huy_hieu: \"G\u1ecdi v\u00e0 tr\u1ea3 l\u1eddi \u0111i\u1ec7n tho\u1ea1i\",\n      ky_nang: \"Giao ti\u1ebfp x\u00e3 h\u1ed9i\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.15\",\n      code: \"KN2.15\",\n    },\n    {\n      ten_huy_hieu: \"Ngh\u1ec7 thu\u1eadt t\u1eb7ng qu\u00e0\",\n      ky_nang: \"Giao ti\u1ebfp x\u00e3 h\u1ed9i\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.15\",\n      code: \"KN3.15\",\n    },\n    {\n      ten_huy_hieu: \"Giao ti\u1ebfp\",\n      ky_nang: \"Giao ti\u1ebfp x\u00e3 h\u1ed9i\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.15\",\n      code: \"KN4.15\",\n    },\n    {\n      ten_huy_hieu: \"S\u1ef1 t\u1eed t\u1ebf\",\n      ky_nang: \"Giao ti\u1ebfp x\u00e3 h\u1ed9i\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.15\",\n      code: \"KN5.15\",\n    },\n    {\n      ten_huy_hieu: \"\u1ee8ng x\u1eed khi \u0111\u1ebfn th\u0103m nh\u00e0 ng\u01b0\u1eddi kh\u00e1c\",\n      ky_nang: \"\u1ee8ng x\u1eed x\u00e3 h\u1ed9i\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.16\",\n      code: \"KN1.16\",\n    },\n    {\n      ten_huy_hieu: \"\u1ee8ng x\u1eed khi \u1edf c\u00f4ng vi\u00ean\",\n      ky_nang: \"\u1ee8ng x\u1eed x\u00e3 h\u1ed9i\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.16\",\n      code: \"KN2.16\",\n    },\n    {\n      ten_huy_hieu: \"\u1ee8ng x\u1eed khi \u0111i si\u00eau th\u1ecb\",\n      ky_nang: \"\u1ee8ng x\u1eed x\u00e3 h\u1ed9i\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.16\",\n      code: \"KN3.16\",\n    },\n    {\n      ten_huy_hieu: \"\u1ee8ng x\u1eed tr\u00ean c\u00e1c ph\u01b0\u01a1ng ti\u1ec7n c\u00f4ng c\u1ed9ng\",\n      ky_nang: \"\u1ee8ng x\u1eed x\u00e3 h\u1ed9i\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.16\",\n      code: \"KN4.16\",\n    },\n    {\n      ten_huy_hieu: \"\u1ee8ng x\u1eed khi d\u1ef1 l\u1ec5 t\u1ed1t nghi\u1ec7p\",\n      ky_nang: \"\u1ee8ng x\u1eed x\u00e3 h\u1ed9i\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.16\",\n      code: \"KN5.16\",\n    },\n    {\n      ten_huy_hieu: \"Ch\u1ed1ng x\u00e2m h\u1ea1i t\u00ecnh d\u1ee5c\",\n      ky_nang: \"Ch\u1ed1ng x\u00e2m h\u1ea1i t\u00ecnh d\u1ee5c\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.17\",\n      code: \"KN1.17\",\n    },\n    {\n      ten_huy_hieu: \"Ch\u1ed1ng x\u00e2m h\u1ea1i t\u00ecnh d\u1ee5c\",\n      ky_nang: \"Ch\u1ed1ng x\u00e2m h\u1ea1i t\u00ecnh d\u1ee5c\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.17\",\n      code: \"KN2.17\",\n    },\n    {\n      ten_huy_hieu: \"Ch\u1ed1ng x\u00e2m h\u1ea1i t\u00ecnh d\u1ee5c\",\n      ky_nang: \"Ch\u1ed1ng x\u00e2m h\u1ea1i t\u00ecnh d\u1ee5c\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.17\",\n      code: \"KN3.17\",\n    },\n    {\n      ten_huy_hieu: \"Ch\u1ed1ng x\u00e2m h\u1ea1i t\u00ecnh d\u1ee5c\",\n      ky_nang: \"Ch\u1ed1ng x\u00e2m h\u1ea1i t\u00ecnh d\u1ee5c\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.17\",\n      code: \"KN4.17\",\n    },\n    {\n      ten_huy_hieu: \"Ch\u1ed1ng x\u00e2m h\u1ea1i t\u00ecnh d\u1ee5c\",\n      ky_nang: \"Ch\u1ed1ng x\u00e2m h\u1ea1i t\u00ecnh d\u1ee5c\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.17\",\n      code: \"KN5.17\",\n    },\n    {\n      ten_huy_hieu: \"T\u01b0 duy s\u00e1ng t\u1ea1o\",\n      ky_nang: \"K\u1ef9 n\u0103ng v\u00e0 t\u01b0 duy l\u00e3nh \u0111\u1ea1o\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.18\",\n      code: \"KN1.18\",\n    },\n    {\n      ten_huy_hieu: \"T\u01b0 duy ph\u1ea3n bi\u1ec7n\",\n      ky_nang: \"K\u1ef9 n\u0103ng v\u00e0 t\u01b0 duy l\u00e3nh \u0111\u1ea1o\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.18\",\n      code: \"KN2.18\",\n    },\n    {\n      ten_huy_hieu: \"KN thuy\u1ebft tr\u00ecnh\",\n      ky_nang: \"K\u1ef9 n\u0103ng v\u00e0 t\u01b0 duy l\u00e3nh \u0111\u1ea1o\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.18\",\n      code: \"KN3.18\",\n    },\n    {\n      ten_huy_hieu: \"KN gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 \",\n      ky_nang: \"K\u1ef9 n\u0103ng v\u00e0 t\u01b0 duy l\u00e3nh \u0111\u1ea1o\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.18\",\n      code: \"KN4.18\",\n    },\n    {\n      ten_huy_hieu: \"KN ra quy\u1ebft \u0111\u1ecbnh\",\n      ky_nang: \"K\u1ef9 n\u0103ng v\u00e0 t\u01b0 duy l\u00e3nh \u0111\u1ea1o\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.18\",\n      code: \"KN5.18\",\n    },\n    {\n      ten_huy_hieu: \"KN tu\u00e2n th\u1ee7 quy \u0111\u1ecbnh\",\n      ky_nang: \"X\u00e2y d\u1ef1ng tinh th\u1ea7n h\u1ee3p t\u00e1c\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.19\",\n      code: \"KN1.19\",\n    },\n    {\n      ten_huy_hieu: \"KN l\u00e0m vi\u1ec7c nh\u00f3m\",\n      ky_nang: \"X\u00e2y d\u1ef1ng tinh th\u1ea7n h\u1ee3p t\u00e1c\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.19\",\n      code: \"KN2.19\",\n    },\n    {\n      ten_huy_hieu: \"KN ph\u00e2n c\u00f4ng c\u00f4ng vi\u1ec7c\",\n      ky_nang: \"X\u00e2y d\u1ef1ng tinh th\u1ea7n h\u1ee3p t\u00e1c\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.19\",\n      code: \"KN3.19\",\n    },\n    {\n      ten_huy_hieu: \"KN ph\u1ea3n h\u1ed3i t\u00edch c\u1ef1c\",\n      ky_nang: \"X\u00e2y d\u1ef1ng tinh th\u1ea7n h\u1ee3p t\u00e1c\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.19\",\n      code: \"KN4.19\",\n    },\n    {\n      ten_huy_hieu: \"KN t\u1ed5 ch\u1ee9c bu\u1ed5i h\u1ecdp\",\n      ky_nang: \"X\u00e2y d\u1ef1ng tinh th\u1ea7n h\u1ee3p t\u00e1c\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.19\",\n      code: \"KN5.19\",\n    },\n    {\n      ten_huy_hieu: \"Y\u00eau thi\u00ean nhi\u00ean\",\n      ky_nang: \"B\u1ea3o v\u1ec7 m\u00f4i tr\u01b0\u1eddng\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.20\",\n      code: \"KN1.20\",\n    },\n    {\n      ten_huy_hieu: \"Y\u00eau th\u01b0\u01a1ng \u0111\u1ed9ng v\u1eadt\",\n      ky_nang: \"B\u1ea3o v\u1ec7 m\u00f4i tr\u01b0\u1eddng\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.20\",\n      code: \"KN2.20\",\n    },\n    {\n      ten_huy_hieu: \"Ph\u00e2n lo\u1ea1i r\u00e1c th\u1ea3i\",\n      ky_nang: \"B\u1ea3o v\u1ec7 m\u00f4i tr\u01b0\u1eddng\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.20\",\n      code: \"KN3.20\",\n    },\n    {\n      ten_huy_hieu: \"T\u00e1i ch\u1ebf\",\n      ky_nang: \"B\u1ea3o v\u1ec7 m\u00f4i tr\u01b0\u1eddng\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.20\",\n      code: \"KN4.20\",\n    },\n    {\n      ten_huy_hieu: \"C\u1ea3i thi\u1ec7n m\u00f4i tr\u01b0\u1eddng\",\n      ky_nang: \"B\u1ea3o v\u1ec7 m\u00f4i tr\u01b0\u1eddng\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.20\",\n      code: \"KN5.20\",\n    },\n    {\n      ten_huy_hieu: \"An to\u00e0n giao th\u00f4ng\",\n      ky_nang: \"K\u1ef9 n\u0103ng sinh t\u1ed3n \",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.21\",\n      code: \"KN1.21\",\n    },\n    {\n      ten_huy_hieu: \"C\u00e1ch s\u1eed d\u1ee5ng b\u1ea3n \u0111\u1ed3\",\n      ky_nang: \"K\u1ef9 n\u0103ng sinh t\u1ed3n \",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.21\",\n      code: \"KN2.21\",\n    },\n    {\n      ten_huy_hieu: \"S\u01a1 c\u1ee9u ph\u1ea7n m\u1ec1m\",\n      ky_nang: \"K\u1ef9 n\u0103ng sinh t\u1ed3n \",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.21\",\n      code: \"KN3.21\",\n    },\n    {\n      ten_huy_hieu: \"An to\u00e0n trong thang m\u00e1y\",\n      ky_nang: \"K\u1ef9 n\u0103ng sinh t\u1ed3n \",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.21\",\n      code: \"KN4.21\",\n    },\n    {\n      ten_huy_hieu: \"An to\u00e0n khi xu\u1ed1ng n\u01b0\u1edbc\",\n      ky_nang: \"K\u1ef9 n\u0103ng sinh t\u1ed3n \",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.21\",\n      code: \"KN5.21\",\n    },\n    {\n      ten_huy_hieu: \"Trung th\u00e0nh v\u1edbi t\u1ed5 qu\u1ed1c\",\n      ky_nang: \"T\u00ecm hi\u1ec3u v\u00e0 ch\u1ea5p nh\u1eadn kh\u00e1c bi\u1ec7t v\u0103n h\u00f3a\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.22\",\n      code: \"KN1.22\",\n    },\n    {\n      ten_huy_hieu: \"V\u0103n h\u00f3a 3 mi\u1ec1n\",\n      ky_nang: \"T\u00ecm hi\u1ec3u v\u00e0 ch\u1ea5p nh\u1eadn kh\u00e1c bi\u1ec7t v\u0103n h\u00f3a\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.22\",\n      code: \"KN2.22\",\n    },\n    {\n      ten_huy_hieu: \"V\u0103n h\u00f3a ch\u00e0o h\u1ecfi\",\n      ky_nang: \"T\u00ecm hi\u1ec3u v\u00e0 ch\u1ea5p nh\u1eadn kh\u00e1c bi\u1ec7t v\u0103n h\u00f3a\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.22\",\n      code: \"KN3.22\",\n    },\n    {\n      ten_huy_hieu: \"Ch\u1ea5p nh\u1eadn s\u1ef1 kh\u00e1c bi\u1ec7t \",\n      ky_nang: \"T\u00ecm hi\u1ec3u v\u00e0 ch\u1ea5p nh\u1eadn kh\u00e1c bi\u1ec7t v\u0103n h\u00f3a\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.22\",\n      code: \"KN4.22\",\n    },\n    {\n      ten_huy_hieu: \"H\u00f2a nh\u1eadp v\u0103n h\u00f3a\",\n      ky_nang: \"T\u00ecm hi\u1ec3u v\u00e0 ch\u1ea5p nh\u1eadn kh\u00e1c bi\u1ec7t v\u0103n h\u00f3a\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.22\",\n      code: \"KN5.22\",\n    },\n    {\n      ten_huy_hieu: \"\u1ee8ng x\u1eed trong l\u1edbp h\u1ecdc tr\u1ef1c tuy\u1ebfn\",\n      ky_nang: \"S\u1eed d\u1ee5ng m\u1ea1ng th\u00f4ng minh v\u00e0 tr\u00e1nh b\u1ecb l\u1ee3i d\u1ee5ng\",\n      lop: \"L\u1edbp 1\",\n      image: \"HH1.23\",\n      code: \"KN1.23\",\n    },\n    {\n      ten_huy_hieu: \"An to\u00e0n tr\u00ean m\u1ea1ng\",\n      ky_nang: \"S\u1eed d\u1ee5ng m\u1ea1ng th\u00f4ng minh v\u00e0 tr\u00e1nh b\u1ecb l\u1ee3i d\u1ee5ng\",\n      lop: \"L\u1edbp 2\",\n      image: \"HH2.23\",\n      code: \"KN2.23\",\n    },\n    {\n      ten_huy_hieu: \"T\u00ecm ki\u1ebfm th\u00f4ng tin tr\u00ean m\u1ea1ng\",\n      ky_nang: \"S\u1eed d\u1ee5ng m\u1ea1ng th\u00f4ng minh v\u00e0 tr\u00e1nh b\u1ecb l\u1ee3i d\u1ee5ng\",\n      lop: \"L\u1edbp 3\",\n      image: \"HH3.23\",\n      code: \"KN3.23\",\n    },\n    {\n      ten_huy_hieu: \"M\u1ea1ng x\u00e3 h\u1ed9i \",\n      ky_nang: \"S\u1eed d\u1ee5ng m\u1ea1ng th\u00f4ng minh v\u00e0 tr\u00e1nh b\u1ecb l\u1ee3i d\u1ee5ng\",\n      lop: \"L\u1edbp 4\",\n      image: \"HH4.23\",\n      code: \"KN4.23\",\n    },\n    {\n      ten_huy_hieu: \"B\u1eaft n\u1ea1t tr\u00ean m\u1ea1ng\",\n      ky_nang: \"S\u1eed d\u1ee5ng m\u1ea1ng th\u00f4ng minh v\u00e0 tr\u00e1nh b\u1ecb l\u1ee3i d\u1ee5ng\",\n      lop: \"L\u1edbp 5\",\n      image: \"HH5.23\",\n      code: \"KN5.23\",\n    },\n  ];\n  \/\/ Function to render badges\n  function renderBadges(filteredBadges) {\n    const badgeGrid = document.getElementById(\"badgeGrid\");\n    badgeGrid.innerHTML = \"\";\n\n    filteredBadges.forEach((badge) => {\n      const badgeItem = document.createElement(\"div\");\n      badgeItem.className =\n        \"bg-white flex flex-col items-center justify-between rounded-lg shadow-lg p-4 text-center transition-transform transform hover:scale-105 cursor-pointer\";\n\n      \/\/ Container for image and name\n      const imageAndNameContainer = document.createElement(\"div\");\n      imageAndNameContainer.className = \"flex flex-col\";\n\n      const image = document.createElement(\"img\");\n      image.src = `https:\/\/soulandskills.vn\/wp-content\/uploads\/2024\/11\/${badge.image}.png`;\n      image.alt = badge.ten_huy_hieu;\n      image.className = \"w-full h-40 object-cover rounded-md mb-4\";\n\n      const name = document.createElement(\"p\");\n      name.className = \"text-lg font-semibold mb-1\";\n      name.innerText = badge.ten_huy_hieu;\n\n      imageAndNameContainer.appendChild(image);\n      imageAndNameContainer.appendChild(name);\n\n      \/\/ Container for skill and class information\n      const skillAndClassContainer = document.createElement(\"div\");\n      skillAndClassContainer.className = \"flex flex-col\";\n\n      const kyNang = document.createElement(\"p\");\n      kyNang.className = \"text-sm text-gray-500 mb-2\";\n      kyNang.innerText = `Nh\u00f3m K\u1ef9 n\u0103ng: ${badge.ky_nang}`;\n      skillAndClassContainer.appendChild(kyNang);\n\n      \/\/ Append the two containers to the badge item\n      badgeItem.appendChild(imageAndNameContainer);\n      badgeItem.appendChild(skillAndClassContainer);\n\n      \/\/ Add click event to show popup\n      badgeItem.addEventListener(\"click\", () => showPopup(badge));\n\n      badgeGrid.appendChild(badgeItem);\n    });\n  }\n\n  \/\/ Show popup with badge details\n  function showPopup(badge) {\n    document.getElementById(\n      \"popupImage\"\n    ).src = `https:\/\/soulandskills.vn\/wp-content\/uploads\/2024\/11\/${badge.image}.png`;\n    document.getElementById(\n      \"popupCode\"\n    ).innerText = `M\u00e3 Huy Hi\u1ec7u: ${badge.code}`;\n    document.getElementById(\n      \"popupSkillGroup\"\n    ).innerText = `Nh\u00f3m K\u1ef9 N\u0103ng: ${badge.ky_nang}`;\n    document.getElementById(\n      \"popupSkill\"\n    ).innerText = `T\u00ean K\u1ef9 N\u0103ng: ${badge.ten_huy_hieu}`;\n\n    document.getElementById(\"popup\").classList.remove(\"hidden\");\n  }\n\n  \/\/ Close popup\n  document.getElementById(\"closePopup\").addEventListener(\"click\", () => {\n    document.getElementById(\"popup\").classList.add(\"hidden\");\n  });\n\n  \/\/ Render all badges initially\n  renderBadges(badges);\n\n  \/\/ Search functionality\n  function removeVietnameseTones(str) {\n    const map = {\n      \u00e0: \"a\",\n      \u00e1: \"a\",\n      \u1ea1: \"a\",\n      \u1ea3: \"a\",\n      \u00e3: \"a\",\n      \u00e0: \"a\",\n      \u00e2: \"a\",\n      \u1ea7: \"a\",\n      \u1ea5: \"a\",\n      \u1ead: \"a\",\n      \u1ea9: \"a\",\n      \u1eab: \"a\",\n      \u00e8: \"e\",\n      \u00e9: \"e\",\n      \u1eb9: \"e\",\n      \u1ebb: \"e\",\n      \u1ebd: \"e\",\n      \u00ea: \"e\",\n      \u1ec1: \"e\",\n      \u1ebf: \"e\",\n      \u1ec7: \"e\",\n      \u1ec3: \"e\",\n      \u1ec5: \"e\",\n      \u00ec: \"i\",\n      \u00ed: \"i\",\n      \u1ecb: \"i\",\n      \u1ec9: \"i\",\n      \u0129: \"i\",\n      \u00f2: \"o\",\n      \u00f3: \"o\",\n      \u1ecd: \"o\",\n      \u1ecf: \"o\",\n      \u00f5: \"o\",\n      \u00f4: \"o\",\n      \u1ed3: \"o\",\n      \u1ed1: \"o\",\n      \u1ed9: \"o\",\n      \u1ed5: \"o\",\n      \u1ed7: \"o\",\n      \u00f9: \"u\",\n      \u00fa: \"u\",\n      \u1ee5: \"u\",\n      \u1ee7: \"u\",\n      \u0169: \"u\",\n      \u01b0: \"u\",\n      \u1eeb: \"u\",\n      \u1ee9: \"u\",\n      \u1ef1: \"u\",\n      \u1eed: \"u\",\n      \u1eef: \"u\",\n      \u1ef3: \"y\",\n      \u00fd: \"y\",\n      \u1ef5: \"y\",\n      \u1ef7: \"y\",\n      \u1ef9: \"y\",\n      \u0111: \"d\",\n    };\n\n    return str.replace(\n      \/[\u00e0\u00e1\u1ea1\u1ea3\u00e3\u00e2\u1ea7\u1ea5\u1ead\u1ea9\u1eab\u00e8\u00e9\u1eb9\u1ebb\u1ebd\u00ea\u1ec1\u1ebf\u1ec7\u1ec3\u1ec5\u00ec\u00ed\u1ecb\u1ec9\u0129\u00f2\u00f3\u1ecd\u1ecf\u00f5\u00f4\u1ed3\u1ed1\u1ed9\u1ed5\u1ed7\u00f9\u00fa\u1ee5\u1ee7\u0169\u01b0\u1eeb\u1ee9\u1ef1\u1eed\u1eef\u1ef3\u00fd\u1ef5\u1ef7\u1ef9\u0111]\/g,\n      (match) => map[match] || match\n    );\n  }\n\n  document.getElementById(\"search\").addEventListener(\"input\", function (e) {\n    const searchQuery = removeVietnameseTones(e.target.value.toLowerCase());\n\n    const filteredBadges = badges.filter(\n      (badge) =>\n        removeVietnameseTones(badge.ten_huy_hieu.toLowerCase()).includes(\n          searchQuery\n        ) ||\n        removeVietnameseTones(badge.ky_nang.toLowerCase()).includes(\n          searchQuery\n        ) ||\n        removeVietnameseTones(badge.lop.toLowerCase()).includes(searchQuery) ||\n        (badge.code &&\n          removeVietnameseTones(badge.code.toLowerCase()).includes(searchQuery)) \/\/ Added check for `code`\n    );\n\n    renderBadges(filteredBadges);\n  });\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>H\u1ec7 Th\u1ed1ng Huy Hi\u1ec7u M\u00e3 Huy Hi\u1ec7u: Nh\u00f3m K\u1ef9 N\u0103ng: T\u00ean K\u1ef9 N\u0103ng: \u0110\u00f3ng<\/p>","protected":false},"author":484,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-2324","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>H\u1ec7 th\u1ed1ng Huy Hi\u1ec7u - Soul and Skills<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/soulandskills.vn\/en\/he-thong-huy-hieu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"H\u1ec7 th\u1ed1ng Huy Hi\u1ec7u - Soul and Skills\" \/>\n<meta property=\"og:description\" content=\"H\u1ec7 Th\u1ed1ng Huy Hi\u1ec7u M\u00e3 Huy Hi\u1ec7u: Nh\u00f3m K\u1ef9 N\u0103ng: T\u00ean K\u1ef9 N\u0103ng: \u0110\u00f3ng\" \/>\n<meta property=\"og:url\" content=\"https:\/\/soulandskills.vn\/en\/he-thong-huy-hieu\/\" \/>\n<meta property=\"og:site_name\" content=\"Soul and Skills\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-19T03:53:37+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/soulandskills.vn\/he-thong-huy-hieu\/\",\"url\":\"https:\/\/soulandskills.vn\/he-thong-huy-hieu\/\",\"name\":\"H\u1ec7 th\u1ed1ng Huy Hi\u1ec7u - Soul and Skills\",\"isPartOf\":{\"@id\":\"https:\/\/soulandskills.vn\/#website\"},\"datePublished\":\"2024-11-18T05:44:47+00:00\",\"dateModified\":\"2024-11-19T03:53:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/soulandskills.vn\/he-thong-huy-hieu\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/soulandskills.vn\/he-thong-huy-hieu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/soulandskills.vn\/he-thong-huy-hieu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/soulandskills.vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"H\u1ec7 th\u1ed1ng Huy Hi\u1ec7u\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/soulandskills.vn\/#website\",\"url\":\"https:\/\/soulandskills.vn\/\",\"name\":\"Soul and Skills\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/soulandskills.vn\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"H\u1ec7 th\u1ed1ng Huy Hi\u1ec7u - Soul and Skills","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/soulandskills.vn\/en\/he-thong-huy-hieu\/","og_locale":"en_US","og_type":"article","og_title":"H\u1ec7 th\u1ed1ng Huy Hi\u1ec7u - Soul and Skills","og_description":"H\u1ec7 Th\u1ed1ng Huy Hi\u1ec7u M\u00e3 Huy Hi\u1ec7u: Nh\u00f3m K\u1ef9 N\u0103ng: T\u00ean K\u1ef9 N\u0103ng: \u0110\u00f3ng","og_url":"https:\/\/soulandskills.vn\/en\/he-thong-huy-hieu\/","og_site_name":"Soul and Skills","article_modified_time":"2024-11-19T03:53:37+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/soulandskills.vn\/he-thong-huy-hieu\/","url":"https:\/\/soulandskills.vn\/he-thong-huy-hieu\/","name":"H\u1ec7 th\u1ed1ng Huy Hi\u1ec7u - Soul and Skills","isPartOf":{"@id":"https:\/\/soulandskills.vn\/#website"},"datePublished":"2024-11-18T05:44:47+00:00","dateModified":"2024-11-19T03:53:37+00:00","breadcrumb":{"@id":"https:\/\/soulandskills.vn\/he-thong-huy-hieu\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/soulandskills.vn\/he-thong-huy-hieu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/soulandskills.vn\/he-thong-huy-hieu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/soulandskills.vn\/"},{"@type":"ListItem","position":2,"name":"H\u1ec7 th\u1ed1ng Huy Hi\u1ec7u"}]},{"@type":"WebSite","@id":"https:\/\/soulandskills.vn\/#website","url":"https:\/\/soulandskills.vn\/","name":"Soul and Skills","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/soulandskills.vn\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/soulandskills.vn\/en\/wp-json\/wp\/v2\/pages\/2324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soulandskills.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soulandskills.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soulandskills.vn\/en\/wp-json\/wp\/v2\/users\/484"}],"replies":[{"embeddable":true,"href":"https:\/\/soulandskills.vn\/en\/wp-json\/wp\/v2\/comments?post=2324"}],"version-history":[{"count":111,"href":"https:\/\/soulandskills.vn\/en\/wp-json\/wp\/v2\/pages\/2324\/revisions"}],"predecessor-version":[{"id":2447,"href":"https:\/\/soulandskills.vn\/en\/wp-json\/wp\/v2\/pages\/2324\/revisions\/2447"}],"wp:attachment":[{"href":"https:\/\/soulandskills.vn\/en\/wp-json\/wp\/v2\/media?parent=2324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}