{"id":567,"date":"2025-11-26T09:21:28","date_gmt":"2025-11-26T02:21:28","guid":{"rendered":"https:\/\/www.hoasen.edu.vn\/alumni\/?page_id=567"},"modified":"2025-11-27T18:47:58","modified_gmt":"2025-11-27T11:47:58","slug":"loi-ich-khi-tham-gia","status":"publish","type":"page","link":"https:\/\/www.hoasen.edu.vn\/alumni\/loi-ich-khi-tham-gia\/","title":{"rendered":"L\u1ee3i \u00edch khi tham gia"},"content":{"rendered":"\n<div class=\"wp-block-group hsu-block-cs hsu-center width-794\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">L\u1ee3i \u00edch khi tham gia<\/h2>\n\n\n\n<div class=\"wp-block-group cs_tab_title is-layout-grid wp-container-core-group-is-layout-6be84c55 wp-block-group-is-layout-grid\">\n<h3 class=\"wp-block-heading dropdown-trigger active\" id=\"ketnoicongdong\" style=\"font-size:16px\">K\u1ebft n\u1ed1i c\u1ed9ng \u0111\u1ed3ng<\/h3>\n\n\n\n<h3 class=\"wp-block-heading dropdown-trigger\" id=\"phattriennghenghiep\" style=\"font-size:16px\">Ph\u00e1t tri\u1ec3n ngh\u1ec1 nghi\u1ec7p<\/h3>\n\n\n\n<h3 class=\"wp-block-heading dropdown-trigger\" id=\"chinhsachuudai\" style=\"font-size:16px\">H\u1ecdc t\u1eadp &amp; Ti\u1ec7n \u00edch<\/h3>\n<\/div>\n\n\n\n<div id=\"cnt_ketnoicongdong\" class=\"wp-block-group dropdown-content ketnoicongdong active\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"4086\" height=\"2165\" src=\"https:\/\/www.hoasen.edu.vn\/alumni\/wp-content\/uploads\/sites\/67\/2025\/11\/cong-dong-cuu-sinh-vien-hsu.jpg\" alt=\"\" class=\"wp-image-861\" \/><\/figure>\n\n\n\n<p><strong>Email C\u1ef1u Sinh vi\u00ean<br><\/strong>Duy tr\u00ec email sinh vi\u00ean sau khi t\u1ed1t nghi\u1ec7p v\u00e0 kh\u00f4ng gi\u1edbi h\u1ea1n th\u1eddi gian s\u1eed d\u1ee5ng. Gi\u1edbi h\u1ea1n dung l\u01b0\u1ee3ng s\u1eed d\u1ee5ng 500 MB\/t\u00e0i kho\u1ea3n.<\/p>\n\n\n\n<p><strong>K\u1ebft n\u1ed1i tuy\u1ec3n d\u1ee5ng<\/strong><br>Nh\u1eadn b\u1ea3n tin tuy\u1ec3n d\u1ee5ng v\u00e0 b\u1ea3n tin ho\u1ea1t \u0111\u1ed9ng c\u1ee7a Tr\u01b0\u1eddng m\u1ed7i th\u00e1ng. \u0110\u1ed3ng th\u1eddi \u0111\u01b0\u1ee3c \u0111\u0103ng t\u1ea3i th\u00f4ng tin tuy\u1ec3n d\u1ee5ng nh\u00e2n s\u1ef1, bao g\u1ed3m: sinh vi\u00ean th\u1ef1c t\u1eadp, c\u1ed9ng t\u00e1c vi\u00ean v\u00e0 nh\u00e2n vi\u00ean (kh\u00f4ng gi\u1edbi h\u1ea1n s\u1ed1 l\u1ea7n).<\/p>\n\n\n\n<p><strong>Vinh danh Alumni<\/strong><br>\u0110\u01b0\u1ee3c xem x\u00e9t \u1ee9ng c\u1eed v\u00e0 \u0111\u1ec1 c\u1eed v\u00e0o c\u00e1c h\u1ea1ng m\u1ee5c vinh danh Alumni h\u1eb1ng n\u0103m. \u0110\u1ed3ng th\u1eddi \u0111\u01b0\u1ee3c xem x\u00e9t khen th\u01b0\u1edfng \u0111\u1ecbnh k\u1ef3 v\u00e0 \u0111\u1ed9t xu\u1ea5t theo ch\u00ednh s\u00e1ch, quy \u0111\u1ecbnh c\u1ee7a HSU.<\/p>\n<\/div><\/div>\n\n\n\n<div id=\"cnt_phattriennghenghiep\" class=\"wp-block-group dropdown-content phattriennghenghiep\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1065\" src=\"https:\/\/www.hoasen.edu.vn\/alumni\/wp-content\/uploads\/sites\/67\/2025\/11\/hsu-ky-ket-hop-tac-voi-20-doanh-nghiep-3.jpg\" alt=\"\" class=\"wp-image-773\" \/><\/figure>\n\n\n\n<p><strong>\u01afu ti\u00ean tuy\u1ec3n d\u1ee5ng<br><\/strong>\u0110\u01b0\u1ee3c \u01b0u ti\u00ean khi \u1ee9ng tuy\u1ec3n v\u00e0o c\u00e1c v\u1ecb tr\u00ed vi\u1ec7c l\u00e0m t\u1ea1i HSU, m\u1edf r\u1ed9ng c\u01a1 h\u1ed9i tr\u1edf th\u00e0nh th\u00e0nh vi\u00ean trong \u0111\u1ed9i ng\u0169 chuy\u00ean m\u00f4n c\u1ee7a Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Hoa Sen.<\/p>\n\n\n\n<p><strong>Gi\u1edbi thi\u1ec7u s\u1ea3n ph\u1ea9m \u2013 d\u1ecbch v\u1ee5<br><\/strong>\u0110\u01b0\u1ee3c gi\u1edbi thi\u1ec7u s\u1ea3n ph\u1ea9m v\u00e0 d\u1ecbch v\u1ee5 t\u1ea1i HSU t\u1ed1i \u0111a 2 l\u1ea7n\/n\u0103m, th\u00f4ng qua \u0111\u1eb7t booth ti\u00eau chu\u1ea9n (t\u1ed1i \u0111a 10m\u00b2, 1 ng\u00e0y\/l\u1ea7n) t\u1ea1i c\u00e1c c\u01a1 s\u1edf ho\u1eb7c truy\u1ec1n th\u00f4ng tr\u1ef1c tuy\u1ebfn tr\u00ean b\u1ea3n tin ho\u1ea1t \u0111\u1ed9ng h\u1eb1ng tu\u1ea7n. Gi\u1ea3m 50% chi ph\u00ed cho c\u00e1c ho\u1ea1t \u0111\u1ed9ng qu\u1ea3ng b\u00e1, truy\u1ec1n th\u00f4ng s\u1ea3n ph\u1ea9m \u2013 d\u1ecbch v\u1ee5 sau c\u00e1c l\u1ea7n mi\u1ec5n ph\u00ed.<\/p>\n\n\n\n<p><strong>Tham gia Job Fair<\/strong><br>\u0110\u01b0\u1ee3c t\u1ed5 ch\u1ee9c m\u1ed9t gian h\u00e0ng t\u1ea1i Job Fair h\u1eb1ng n\u0103m c\u1ee7a HSU, t\u1ea1o c\u01a1 h\u1ed9i ti\u1ebfp c\u1eadn tr\u1ef1c ti\u1ebfp sinh vi\u00ean v\u00e0 \u1ee9ng vi\u00ean ti\u1ec1m n\u0103ng. Quy\u1ec1n l\u1ee3i n\u00e0y kh\u00f4ng bao g\u1ed3m c\u00e1c chi ph\u00ed thi\u1ebft k\u1ebf v\u00e0 v\u1eadn h\u00e0nh gian h\u00e0ng.<\/p>\n<\/div><\/div>\n\n\n\n<div id=\"cnt_chinhsachuudai\" class=\"wp-block-group dropdown-content chinhsachuudai\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"4096\" height=\"2307\" src=\"https:\/\/www.hoasen.edu.vn\/alumni\/wp-content\/uploads\/sites\/67\/2025\/11\/cong-dong-cuu-sinh-vien-hoa-sen-1.jpg\" alt=\"\" class=\"wp-image-864\" \/><\/figure>\n\n\n\n<p><strong>T\u00e0i nguy\u00ean th\u01b0 vi\u1ec7n<br><\/strong>Truy c\u1eadp, s\u1eed d\u1ee5ng kh\u00f4ng gi\u1edbi h\u1ea1n c\u00e1c t\u00e0i nguy\u00ean th\u01b0 vi\u1ec7n Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc Hoa Sen, theo ch\u00ednh s\u00e1ch m\u01b0\u1ee3n tr\u1ea3 c\u1ee7a Th\u01b0 vi\u1ec7n.<\/p>\n\n\n\n<p><strong>H\u1ecdc t\u1eadp tr\u1ef1c tuy\u1ebfn<br><\/strong>Truy c\u1eadp v\u00e0 h\u1ecdc t\u1eadp tr\u00ean h\u1ec7 th\u1ed1ng \u0111\u00e0o t\u1ea1o t\u1eeb xa c\u1ee7a HSU t\u1ed1i \u0111a 3 h\u1ecdc ph\u1ea7n\/n\u0103m, t\u1ea1o \u0111i\u1ec1u ki\u1ec7n linh ho\u1ea1t \u0111\u1ec3 n\u00e2ng cao ki\u1ebfn th\u1ee9c v\u00e0 b\u1ed5 sung k\u1ef9 n\u0103ng theo nhu c\u1ea7u c\u00e1 nh\u00e2n.<\/p>\n\n\n\n<p><strong>B\u1ed3i d\u01b0\u1ee1ng ki\u1ebfn th\u1ee9c<br><\/strong>Tham gia t\u1ed1i \u0111a hai l\u1edbp h\u1ecdc b\u1ed5 sung ki\u1ebfn th\u1ee9c\/n\u0103m do C\u1ed9ng \u0111\u1ed3ng Alumni t\u1ed5 ch\u1ee9c, t\u1ea1o \u0111i\u1ec1u ki\u1ec7n c\u1eadp nh\u1eadt ki\u1ebfn th\u1ee9c m\u1edbi v\u00e0 n\u00e2ng cao n\u0103ng l\u1ef1c chuy\u00ean m\u00f4n. Tham d\u1ef1 kh\u00f4ng gi\u1edbi h\u1ea1n c\u00e1c seminar, workshop v\u00e0 webinar do c\u00e1c \u0111\u01a1n v\u1ecb c\u1ee7a Nh\u00e0 tr\u01b0\u1eddng t\u1ed5 ch\u1ee9c.<\/p>\n\n\n\n<p><strong>Chia s\u1ebb ki\u1ebfn th\u1ee9c<br><\/strong>Tham gia v\u00e0o C\u1ed9ng \u0111\u1ed3ng Mentor c\u1ee7a HSU, k\u1ebft n\u1ed1i v\u1edbi m\u1ea1ng l\u01b0\u1edbi chuy\u00ean gia v\u00e0 c\u1ef1u sinh vi\u00ean c\u00f3 kinh nghi\u1ec7m trong nhi\u1ec1u l\u0129nh v\u1ef1c. Tham gia t\u1ed5 ch\u1ee9c ho\u1eb7c tr\u00ecnh b\u00e0y t\u1ea1i c\u00e1c ho\u1ea1t \u0111\u1ed9ng chia s\u1ebb ki\u1ebfn th\u1ee9c v\u00e0 k\u1ef9 n\u0103ng d\u00e0nh cho sinh vi\u00ean, k\u1ebft h\u1ee3p gi\u1edbi thi\u1ec7u s\u1ea3n ph\u1ea9m v\u00e0 d\u1ecbch v\u1ee5 Alumni trong khu\u00f4n kh\u1ed5 ho\u1ea1t \u0111\u1ed9ng.<\/p>\n\n\n\n<p><strong>\u01afu \u0111\u00e3i h\u1ecdc t\u1eadp cho gia \u0111\u00ecnh<br><\/strong>H\u01b0\u1edfng \u01b0u \u0111\u00e3i h\u1ecdc ph\u00ed cho b\u1ea3n th\u00e2n v\u00e0 ng\u01b0\u1eddi th\u00e2n (v\u1ee3\/ch\u1ed3ng, anh ch\u1ecb em ru\u1ed9t, con ru\u1ed9t) khi \u0111\u0103ng k\u00fd c\u00e1c ch\u01b0\u01a1ng tr\u00ecnh \u0111\u00e0o t\u1ea1o ch\u00ednh quy ho\u1eb7c \u0111\u00e0o t\u1ea1o t\u1eeb xa, theo ch\u00ednh s\u00e1ch hi\u1ec7n h\u00e0nh t\u1ea1i th\u1eddi \u0111i\u1ec3m nh\u1eadp h\u1ecdc.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n<div class=\"hsu-block-cs form-tvts\" style=\"background-color:#f2f7ff\">\r\n      <div class=\"bg-form-box\">\r\n            <div class=\"icon-form center\"><\/div>\r\n            <div class=\"icon-form right\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.hoasen.edu.vn\/wp-content\/themes\/ru-hsu\/assets\/faculty\/img\/icon-form-bottom-right.svg\" alt=\"\">\r\n            <\/div>\r\n            <div class=\"icon-form left\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.hoasen.edu.vn\/wp-content\/themes\/ru-hsu\/assets\/faculty\/img\/icon-form-top-left.svg\" alt=\"\">\r\n            <\/div>\r\n\r\n            <div class=\"form-box\">\r\n                                      <h2>Gia nh\u1eadp c\u1ed9ng \u0111\u1ed3ng Alumni<\/h2>\r\n                        <form class=\"group-form-input\" id=\"DKAlumni\">\r\n                                              \r\n                            <div class=\"form-row\"  style=\"grid-template-columns: 100%;\">\r\n                                <input style=\"width: 100%;\" id=\"HSU_HOVATEN\" maxlength=\"80\" name=\"HSU_HOVATEN\" placeholder=\"H\u1ecd v\u00e0 t\u00ean *\" size=\"20\" type=\"text\" required=\"\"\/>\r\n                            <\/div>\r\n                            <div class=\"form-row\">\r\n                                <input id=\"HSU_EMAIL\" maxlength=\"40\" name=\"HSU_EMAIL\" placeholder=\"Email\" size=\"20\" type=\"email\"\/>\r\n                                <input id=\"HSU_DIENTHOAIDD\" maxlength=\"40\" name=\"HSU_DIENTHOAIDD\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i *\" size=\"20\" type=\"tel\" required=\"\"\/>  \r\n                            <\/div>\r\n                            <div class=\"form-row\">\r\n                              <input id=\"HSU_KHOA\" maxlength=\"80\" name=\"HSU_KHOA\" placeholder=\"Kh\u00f3a *\" size=\"20\" type=\"text\" required=\"\"\/>\r\n                                <div  class=\"hc-form__select-data custom-select\" data-select=\"HSU_MANGANH\">\r\n                                  <div class=\"select-display\">Ng\u00e0nh *<\/div>\r\n                                  <div class=\"select-dropdown\">\r\n                                      <input type=\"text\" placeholder=\"T\u00ecm ki\u1ebfm...\" \/>\r\n                                      <div class=\"options\"><\/div>\r\n                                  <\/div>\r\n                                  <select id=\"HSU_MANGANH\" name=\"HSU_MANGANH\" required hidden>\r\n                                      <option value=\"\">Ng\u00e0nh *<\/option>\r\n                                  <\/select>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"form-row\">\r\n                                <input id=\"HSU_NAM_TOT_NGHIEP\" name=\"HSU_NAM_TOT_NGHIEP\" placeholder=\"N\u0103m t\u1ed1t nghi\u1ec7p *\" size=\"20\" type=\"text\"\/>\r\n                                <input id=\"HSU_CV\" name=\"HSU_CV\" placeholder=\"C\u00f4ng vi\u1ec7c hi\u1ec7n t\u1ea1i *\" size=\"20\" type=\"text\" required=\"\"\/>  \r\n                            <\/div>\r\n                            <div class=\"form-row\" style=\"grid-template-columns: 100%;\">\r\n                            <textarea id=\"HSU_THONGTIN_TV_THEM\" name=\"HSU_THONGTIN_TV_THEM\" hidden><\/textarea>\r\n                                <button  type=\"submit\" id=\"submitLead\" name=\"\u0110\u0103ng k\u00fd\" value=\"\u25b8  G\u1eedi \u0111\u0103ng k\u00fd\" class=\"custom-button-with-icon\">\t                      \r\n                                  <span>\u0110\u0103ng k\u00fd t\u01b0 v\u1ea5n<\/span>   \r\n                                <\/button>\r\n                                <p id=\"waitLead\" style=\"display: none; color: white; text-align: center;\">\u0110ang g\u1eedi...<\/p>\r\n                            <\/div>\r\n                        <\/form>\r\n            <\/div>\r\n            <div class=\"form-img\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.hoasen.edu.vn\/alumni\/wp-content\/uploads\/sites\/67\/2025\/11\/form-alumni.png\" alt=\"Placeholder\">\r\n            <\/div>\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n<script>\r\nconst SHEET_ID = \"1BWyGz03WUxSudD1owIH9QBn4zyymNdJNt3rI3gGkHJ4\";\r\nconst SHEET1_NAME = \"Sheet1\";\r\nconst SHEET2_NAME = \"Sheet2\";\r\nconst SHEET3_NAME = \"Sheet3\"; \/\/ \ud83d\udc49 th\u00eam sheet ng\u00e0nh h\u1ecdc\r\n\r\nasync function fetchSheet(sheetName) {\r\n  const url = `https:\/\/docs.google.com\/spreadsheets\/d\/${SHEET_ID}\/gviz\/tq?tqx=out:json&sheet=${encodeURIComponent(sheetName)}`;\r\n  const res = await fetch(url);\r\n  const text = await res.text();\r\n  const json = JSON.parse(text.substr(47).slice(0, -2));\r\n  return json.table.rows;\r\n}\r\n\r\nasync function loadData() {\r\n  const [sheet1Rows, sheet2Rows, sheet3Rows] = await Promise.all([\r\n    fetchSheet(SHEET1_NAME),\r\n    fetchSheet(SHEET2_NAME),\r\n    fetchSheet(SHEET3_NAME)\r\n  ]);\r\n\r\n  const sheet1Data = sheet1Rows.map(row => ({\r\n    value: row.c[0]?.v?.toString().trim() || \"\",\r\n    name: row.c[1]?.v?.toString().trim() || \"\"\r\n  }));\r\n\r\n  const sheet2Data = sheet2Rows.map(row => ({\r\n    value: row.c[0]?.v?.toString().trim() || \"\",\r\n    name: row.c[1]?.v?.toString().trim() || \"\",\r\n    parent_value: row.c[2]?.v?.toString().trim() || \"\"\r\n  }));\r\n\r\n  const majorsData = sheet3Rows.map(row => ({\r\n    value: row.c[0]?.v?.toString().trim() || \"\",\r\n    name: row.c[1]?.v?.toString().trim() || \"\"\r\n  }));\r\n\r\n  \/\/ T\u1ea1o dropdown\r\n  createCustomSelect(\"HSU_MATINHTP\", sheet1Data);\r\n  createCustomSelect(\"HSU_MATRUONG\", []);\r\n  createCustomSelect(\"HSU_MANGANH\", majorsData);\r\n\r\n  \/\/ Khi \u0111\u1ed5i t\u1ec9nh -> l\u1ecdc l\u1ea1i danh s\u00e1ch tr\u01b0\u1eddng\r\n  document.getElementById(\"HSU_MATINHTP\").addEventListener(\"change\", e => {\r\n    const province = e.target.value;\r\n    const filtered = sheet2Data.filter(item => item.parent_value === province);\r\n    createCustomSelect(\"HSU_MATRUONG\", filtered);\r\n  });\r\n}\r\n\r\nfunction createCustomSelect(id, data) {\r\n  const wrapper = document.querySelector(`[data-select=\"${id}\"]`);\r\n  const hiddenSelect = wrapper.querySelector(\"select\");\r\n  const display = wrapper.querySelector(\".select-display\");\r\n  const dropdown = wrapper.querySelector(\".select-dropdown\");\r\n  const input = dropdown.querySelector(\"input\");\r\n  const optionsBox = dropdown.querySelector(\".options\");\r\n\r\n  \/\/ Reset d\u1eef li\u1ec7u c\u0169\r\n  optionsBox.innerHTML = \"\";\r\n  input.value = \"\";\r\n\r\n  \/\/ \u0110\u1eb7t placeholder m\u1eb7c \u0111\u1ecbnh\r\n  let defaultText = \"-- Ch\u1ecdn --\";\r\n  if (id === \"HSU_MATINHTP\") defaultText = \"T\u1ec9nh\/ th\u00e0nh ph\u1ed1\";\r\n  if (id === \"HSU_MATRUONG\") defaultText = \"T\u00ean tr\u01b0\u1eddng THPT *\";\r\n  if (id === \"HSU_MANGANH\") defaultText = \"Ch\u01b0\u01a1ng tr\u00ecnh \u0111\u00e0o t\u1ea1o\";\r\n\r\n  hiddenSelect.innerHTML = `<option value=\"\">${defaultText}<\/option>`;\r\n  display.textContent = defaultText;\r\n\r\n  \/\/ \ud83d\udc49 N\u1ebfu kh\u00f4ng c\u00f3 d\u1eef li\u1ec7u\r\n  if (!data || data.length === 0) {\r\n    hiddenSelect.innerHTML = `<option value=\"\">Kh\u00f4ng c\u00f3 d\u1eef li\u1ec7u \u0111\u1ec3 ch\u1ecdn<\/option>`;\r\n    display.textContent = \"T\u00ean tr\u01b0\u1eddng THPT *\";\r\n    hiddenSelect.setCustomValidity(\"Vui l\u00f2ng ch\u1ecdn m\u1ed9t m\u1ee5c trong danh s\u00e1ch.\");\r\n    hiddenSelect.disabled = true; \/\/ kho\u00e1 select\r\n    return;\r\n  }\r\n\r\n  \/\/ C\u00f3 d\u1eef li\u1ec7u th\u00ec k\u00edch ho\u1ea1t l\u1ea1i\r\n  hiddenSelect.disabled = false;\r\n  hiddenSelect.setCustomValidity(\"\");\r\n\r\n  \/\/ Th\u00eam option t\u1eeb d\u1eef li\u1ec7u\r\n  data.forEach(item => {\r\n    const optDiv = document.createElement(\"div\");\r\n    optDiv.className = \"select-option\";\r\n    optDiv.textContent = item.name;\r\n    optDiv.setAttribute(\"data-value\", item.value);\r\n    optionsBox.appendChild(optDiv);\r\n\r\n    const realOpt = document.createElement(\"option\");\r\n    realOpt.value = item.value;\r\n    realOpt.textContent = item.name;\r\n    hiddenSelect.appendChild(realOpt);\r\n  });\r\n\r\n  \/\/ Toggle dropdown\r\n  display.onclick = (e) => {\r\n    e.stopPropagation();\r\n    const isOpen = dropdown.style.display === \"block\";\r\n    document.querySelectorAll(\".select-dropdown\").forEach(d => d.style.display = \"none\");\r\n    dropdown.style.display = isOpen ? \"none\" : \"block\";\r\n    input.value = \"\";\r\n    filterOptions(\"\", optionsBox);\r\n    input.focus();\r\n  };\r\n\r\n  \/\/ L\u1ecdc danh s\u00e1ch\r\n  input.onkeyup = () => {\r\n    const val = input.value.toLowerCase();\r\n    filterOptions(val, optionsBox);\r\n  };\r\n\r\n  \/\/ Ch\u1ecdn option\r\n  optionsBox.onclick = e => {\r\n    if (!e.target.classList.contains(\"select-option\")) return;\r\n    const val = e.target.getAttribute(\"data-value\");\r\n    const text = e.target.textContent;\r\n    hiddenSelect.value = val;\r\n    display.textContent = text;\r\n    hiddenSelect.dispatchEvent(new Event(\"change\"));\r\n    dropdown.style.display = \"none\";\r\n  };\r\n\r\n  \/\/ \u0110\u00f3ng khi click ngo\u00e0i\r\n  document.addEventListener(\"click\", e => {\r\n    if (!wrapper.contains(e.target)) dropdown.style.display = \"none\";\r\n  });\r\n}\r\n\r\nfunction filterOptions(filterText, optionsBox) {\r\n  optionsBox.querySelectorAll(\".select-option\").forEach(opt => {\r\n    const match = opt.textContent.toLowerCase().includes(filterText);\r\n    opt.style.display = match ? \"\" : \"none\";\r\n  });\r\n}\r\n\r\n\/\/ Khi load trang\r\nloadData();\r\n\r\n<\/script>\r\n\r\n\n\n\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const triggers = document.querySelectorAll('.dropdown-trigger');\r\n\r\n  triggers.forEach(trigger => {\r\n    trigger.addEventListener('click', () => {\r\n      const id = trigger.id;\r\n      const target = document.querySelector(`.dropdown-content.${id}`);\r\n\r\n      if (!target) return;\r\n\r\n      \/\/ \u0110\u00f3ng t\u1ea5t c\u1ea3 dropdown kh\u00e1c + x\u00f3a active tr\u00ean trigger kh\u00e1c\r\n      document.querySelectorAll('.dropdown-content.active').forEach(openItem => {\r\n        if (openItem !== target) {\r\n          openItem.classList.remove('active');\r\n        }\r\n      });\r\n\r\n      document.querySelectorAll('.dropdown-trigger.active').forEach(btn => {\r\n        if (btn !== trigger) {\r\n          btn.classList.remove('active');\r\n        }\r\n      });\r\n\r\n      \/\/ Toggle dropdown + toggle trigger\r\n      target.classList.toggle('active');\r\n      trigger.classList.toggle('active');\r\n    });\r\n  });\r\n});\r\n\r\n<\/script>\r\n\r\n<style>\r\n\t.vc-headline--border-center:after, .vc-breadcrumb{\r\n\tdisplay: none;\r\n\t}\r\n\t.cs_tab_title {\r\n    display: grid;\r\n    justify-items: center;\r\n\tborder-bottom: 1px solid #939FAD;\r\n\t\t    margin: 0 20px 35px;\r\n}\r\n\t.cs_tab_title .dropdown-trigger {\r\n    font-size: 16px;\r\n    width: 100%;\r\n    text-align: center;\r\n    padding: 16px;\r\n}\r\n\t.cs_tab_title .dropdown-trigger.active {\t\r\n    border-bottom: 3px solid #024da1;\r\n\t}\r\n.dropdown-content {\r\n  display: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.dropdown-content.active {\r\n  display: block;\r\n}\r\n@media only screen and (max-width: 500px){\r\n\t.cs_tab_title {\r\n    overflow-x: auto;\r\n    scroll-snap-type: x mandatory;\r\n    -ms-overflow-style: none;\r\n    justify-content: unset;\r\n    display: flex !important;\r\n    margin: 0 0 16px;\r\n}\r\n\t.cs_tab_title::-webkit-scrollbar {\r\n\tdisplay: none; \/* Chrome, Safari v\u00c4\u201a  Opera *\/\r\n\t}\r\n\t.cs_tab_title .dropdown-trigger{\r\n\tmin-width: fit-content;\r\n\t}\r\n\t.hsu-block-cs.hsu-center h2{\r\n\t\tmargin-bottom: 16px;\r\n        font-size: 20px;\r\n\t}\r\n\t}\r\n<\/style>\r\n\n","protected":false},"excerpt":{"rendered":"<p>Kh\u00e1m ph\u00e1 c\u00e1c quy\u1ec1n l\u1ee3i d\u00e0nh cho C\u1ef1u Sinh vi\u00ean HSU: K\u1ebft n\u1ed1i c\u1ed9ng \u0111\u1ed3ng, ph\u00e1t tri\u1ec3n ngh\u1ec1 nghi\u1ec7p, h\u1ecdc t\u1eadp linh ho\u1ea1t v\u00e0 s\u1eed d\u1ee5ng ti\u1ec7n \u00edch t\u1ea1i Tr\u01b0\u1eddng.<\/p>\n","protected":false},"author":5427,"featured_media":970,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/faculty-home.php","meta":{"footnotes":""},"class_list":["post-567","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hoasen.edu.vn\/alumni\/wp-json\/wp\/v2\/pages\/567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hoasen.edu.vn\/alumni\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hoasen.edu.vn\/alumni\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hoasen.edu.vn\/alumni\/wp-json\/wp\/v2\/users\/5427"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hoasen.edu.vn\/alumni\/wp-json\/wp\/v2\/comments?post=567"}],"version-history":[{"count":33,"href":"https:\/\/www.hoasen.edu.vn\/alumni\/wp-json\/wp\/v2\/pages\/567\/revisions"}],"predecessor-version":[{"id":971,"href":"https:\/\/www.hoasen.edu.vn\/alumni\/wp-json\/wp\/v2\/pages\/567\/revisions\/971"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hoasen.edu.vn\/alumni\/wp-json\/wp\/v2\/media\/970"}],"wp:attachment":[{"href":"https:\/\/www.hoasen.edu.vn\/alumni\/wp-json\/wp\/v2\/media?parent=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}