(function(){"use strict";const header=document.getElementById("mpHeader");const spacer=document.getElementById("mpHeaderSpacer");const backdrop=document.getElementById("mpBackdrop");const langDesktop=document.getElementById("mpLangDesktop");const langDdDesktop=langDesktop?langDesktop.querySelector(".mp-lang__dropdown"):null;const langBtnDesk=langDesktop?langDesktop.querySelector(".mp-lang__btn"):null;const mobileLangBtn=document.getElementById("mpMobileLangBtn");const mobileLangDd=document.getElementById("mpMobileLangDropdown");const desktopSearch=document.getElementById("mpSearchDesktop");const mobileSearchBtn=document.getElementById("mpMobileSearchBtn");const mobileSearchPanel=document.getElementById("mpMobileSearch");const hamburgerBtn=document.getElementById("mpHamburgerBtn");const mobileMenuBtn=document.getElementById("mpMobileMenuBtn");const hmenu=document.getElementById("mpHMenu");const hmenuScroll=hmenu?hmenu.querySelector(".mp-hmenu__scroll"):null;const hmenuClose=document.getElementById("mpHMenuClose");const navItems=document.querySelectorAll(".mp-navitem.mp-navitem--has-dropdown",);const hmenuAccordions=document.querySelectorAll(".mp-hmenu-row--accordion");const subTriggers=document.querySelectorAll("[data-sublayer]");const subBackBtns=document.querySelectorAll("[data-close-sublayer]");let hmenuOpen=false;let activeDropdown=null;let langDdOpen=false;let mobileSearchOpen=false;function syncSpacer(){if(spacer)spacer.style.height=header.offsetHeight+"px";} window.addEventListener("resize",syncSpacer);syncSpacer();navItems.forEach(function(item){const btn=item.querySelector(".mp-navitem__btn");const dd=item.querySelector(".mp-dropdown");if(!btn||!dd)return;item.addEventListener("mouseenter",function(){if(item.classList.contains("is-open"))return;closeAllDropdowns();closeLangDropdowns();openDropdown(item,dd,btn);});item.addEventListener("mouseleave",function(){if(item.classList.contains("is-open"))closeAllDropdowns();});btn.addEventListener("click",function(e){e.stopPropagation();const isOpen=item.classList.contains("is-open");closeAllDropdowns();if(!isOpen){openDropdown(item,dd,btn);}});});function openDropdown(item,dd,btn){item.classList.add("is-open");dd.classList.add("is-open");btn.setAttribute("aria-expanded","true");showBackdrop();activeDropdown={item,dd,btn};} function closeAllDropdowns(){navItems.forEach(function(item){const btn=item.querySelector(".mp-navitem__btn");const dd=item.querySelector(".mp-dropdown");item.classList.remove("is-open");if(dd)dd.classList.remove("is-open");if(btn)btn.setAttribute("aria-expanded","false");});activeDropdown=null;if(!hmenuOpen&&!langDdOpen&&!mobileSearchOpen)hideBackdrop();} function showBackdrop(){backdrop.classList.add("is-visible");} function hideBackdrop(){backdrop.classList.remove("is-visible");} function anyOverlayOpen(){return(hmenuOpen||langDdOpen||mobileSearchOpen||activeDropdown!==null);} function openLangDd(dd,btn){dd.classList.add("is-open");if(btn)btn.setAttribute("aria-expanded","true");langDdOpen=true;showBackdrop();} function closeLangDd(dd,btn){dd.classList.remove("is-open");if(btn)btn.setAttribute("aria-expanded","false");langDdOpen=false;if(!anyOverlayOpen())hideBackdrop();} function closeLangDropdowns(){if(langDdDesktop)closeLangDd(langDdDesktop,langBtnDesk);if(mobileLangDd)closeLangDd(mobileLangDd,mobileLangBtn);langDdOpen=false;} if(langBtnDesk&&langDdDesktop){langBtnDesk.addEventListener("click",function(e){e.stopPropagation();if(langDdDesktop.classList.contains("is-open")){closeLangDd(langDdDesktop,langBtnDesk);}else{closeAllDropdowns();closeLangDropdowns();openLangDd(langDdDesktop,langBtnDesk);}});} if(mobileLangBtn&&mobileLangDd){mobileLangBtn.addEventListener("click",function(e){e.stopPropagation();if(mobileLangDd.classList.contains("is-open")){closeLangDd(mobileLangDd,mobileLangBtn);}else{if(hmenuOpen)closeHMenu();closeMobileSearch();closeLangDropdowns();openLangDd(mobileLangDd,mobileLangBtn);}});} document.querySelectorAll(".mp-lang__option").forEach(function(opt){opt.addEventListener("click",function(){const lang=opt.dataset.lang;const parentDd=opt.closest(".mp-lang__dropdown");if(parentDd){parentDd.querySelectorAll(".mp-lang__option").forEach(function(o){o.classList.toggle("mp-lang__option--active",o===opt);o.removeAttribute("aria-selected");});opt.setAttribute("aria-selected","true");} if(langBtnDesk){const label=langBtnDesk.querySelector(".mp-lang__label");if(label)label.textContent=opt.textContent.trim();} closeLangDropdowns();});});function openMobileSearch(){if(!mobileSearchPanel)return;mobileSearchPanel.classList.add("is-open");mobileSearchPanel.setAttribute("aria-hidden","false");mobileSearchOpen=true;showBackdrop();setTimeout(function(){const inp=mobileSearchPanel.querySelector("input");if(inp)inp.focus();},300);} function closeMobileSearch(){if(!mobileSearchPanel)return;mobileSearchPanel.classList.remove("is-open");mobileSearchPanel.setAttribute("aria-hidden","true");mobileSearchOpen=false;if(!anyOverlayOpen())hideBackdrop();} if(mobileSearchBtn){mobileSearchBtn.addEventListener("click",function(e){e.stopPropagation();if(mobileSearchOpen){closeMobileSearch();}else{if(hmenuOpen)closeHMenu();closeLangDropdowns();openMobileSearch();}});} function openHMenu(){hmenu.classList.add("is-open");hmenu.setAttribute("aria-hidden","false");hmenuOpen=true;showBackdrop();if(hamburgerBtn)hamburgerBtn.setAttribute("aria-expanded","true");if(mobileMenuBtn)mobileMenuBtn.setAttribute("aria-expanded","true");} function closeHMenu(){hmenu.classList.remove("is-open");hmenu.setAttribute("aria-hidden","true");hmenuOpen=false;if(hamburgerBtn)hamburgerBtn.setAttribute("aria-expanded","false");if(mobileMenuBtn)mobileMenuBtn.setAttribute("aria-expanded","false");closeAllSublayers();if(!anyOverlayOpen())hideBackdrop();} if(hamburgerBtn){hamburgerBtn.addEventListener("click",function(e){e.stopPropagation();closeAllDropdowns();closeLangDropdowns();if(hmenuOpen)closeHMenu();else openHMenu();});} if(mobileMenuBtn){mobileMenuBtn.addEventListener("click",function(e){e.stopPropagation();closeLangDropdowns();closeMobileSearch();if(hmenuOpen)closeHMenu();else openHMenu();});} if(hmenuClose){hmenuClose.addEventListener("click",closeHMenu);} hmenuAccordions.forEach(function(row){const btn=row.querySelector(".mp-hmenu-row__btn");const sub=row.querySelector(".mp-hmenu-row__sub");if(!btn||!sub)return;btn.addEventListener("click",function(){const isOpen=row.classList.contains("is-open");if(!isOpen){row.classList.add("is-open");btn.setAttribute("aria-expanded","true");void sub.offsetHeight;sub.style.maxHeight=sub.scrollHeight+"px";}else{sub.style.maxHeight=sub.offsetHeight+"px";void sub.offsetHeight;sub.style.maxHeight="0";btn.setAttribute("aria-expanded","false");row.classList.remove("is-open");}});sub.addEventListener("transitionend",function(e){if(e.propertyName!=="max-height")return;if(sub.style.maxHeight==="0px"){sub.style.maxHeight="";}else{sub.style.maxHeight="none";}});});function openSublayer(id){const layer=document.getElementById(id);if(!layer)return;layer.classList.add("is-open");layer.setAttribute("aria-hidden","false");if(hmenuScroll)hmenuScroll.style.overflowY="hidden";} function closeSublayer(layer){layer.classList.remove("is-open");layer.setAttribute("aria-hidden","true");if(hmenuScroll&&!hmenu.querySelector(".mp-sublayer.is-open")){hmenuScroll.style.overflowY="";}} function closeAllSublayers(){document.querySelectorAll(".mp-sublayer").forEach(closeSublayer);} subTriggers.forEach(function(btn){btn.addEventListener("click",function(e){e.stopPropagation();const layerId=btn.dataset.sublayer;openSublayer(layerId);});});subBackBtns.forEach(function(btn){btn.addEventListener("click",function(e){e.stopPropagation();const layer=btn.closest(".mp-sublayer");if(layer)closeSublayer(layer);});});document.addEventListener("click",function(e){if(activeDropdown&&!activeDropdown.item.contains(e.target)){closeAllDropdowns();} if(langDdOpen){const inDesk=langDesktop&&langDesktop.contains(e.target);const inMob=mobileLangDd&&mobileLangDd.contains(e.target);const onBtn=mobileLangBtn&&mobileLangBtn.contains(e.target);if(!inDesk&&!inMob&&!onBtn){closeLangDropdowns();}} if(mobileSearchOpen){const inPanel=mobileSearchPanel&&mobileSearchPanel.contains(e.target);const onBtn=mobileSearchBtn&&mobileSearchBtn.contains(e.target);if(!inPanel&&!onBtn){closeMobileSearch();}} if(hmenuOpen&&hmenu&&!hmenu.contains(e.target)){const onHamburger=(hamburgerBtn&&hamburgerBtn.contains(e.target))||(mobileMenuBtn&&mobileMenuBtn.contains(e.target));if(!onHamburger)closeHMenu();}});backdrop.addEventListener("click",function(){closeAllDropdowns();closeLangDropdowns();closeMobileSearch();if(hmenuOpen)closeHMenu();});document.addEventListener("keydown",function(e){if(e.key!=="Escape")return;closeAllDropdowns();closeLangDropdowns();closeMobileSearch();if(hmenuOpen)closeHMenu();});})();(function(){"use strict";var PAGE_TO_NAV={"about-us.html":"ve-chung-toi","what-we-do.html":"chung-toi-lam-gi","projects.html":"cac-du-an","project-detail.html":"cac-du-an","news.html":"tin-tuc","news-detail.html":"tin-tuc",};var file=window.location.pathname.split("/").pop()||"";var navId=PAGE_TO_NAV[file];if(!navId)return;var item=document.querySelector('.mp-navitem[data-id="'+navId+'"]');if(item)item.classList.add("is-active");})();(function(){"use strict";var addressEl=document.getElementById("footerAddress");if(!addressEl)return;var buttons=Array.prototype.slice.call(addressEl.querySelectorAll(".footer-v2__tab-btn"),);function isMobile(){return window.innerWidth<=767;} function deactivateAll(){buttons.forEach(function(b){b.classList.remove("is-active","animate__animated","animate__fadeInDown",);b.setAttribute("aria-expanded","false");});Array.prototype.slice.call(addressEl.querySelectorAll(".footer-v2__panel")).forEach(function(p){p.classList.remove("is-active");var body=p.querySelector(".footer-v2__panel-body");if(body) body.classList.remove("animate__animated","animate__fadeIn","animate__fadeIn",);});} buttons.forEach(function(btn){btn.addEventListener("click",function(){var panelId=btn.getAttribute("aria-controls");var panel=document.getElementById(panelId);var wasActive=btn.classList.contains("is-active");if(wasActive){return;} deactivateAll();btn.classList.add("is-active");btn.setAttribute("aria-expanded","true");if(panel){panel.classList.add("is-active");var panelBody=panel.querySelector(".footer-v2__panel-body");if(!isMobile()){if(panelBody){panelBody.style.setProperty("--animate-duration","0.8s");panelBody.classList.add("animate__animated","animate__fadeIn");panelBody.addEventListener("animationend",function(){panelBody.classList.remove("animate__animated","animate__fadeIn",);},{once:true},);}}else{if(panelBody){panelBody.style.setProperty("--animate-duration","0.8s");panelBody.classList.add("animate__animated","animate__fadeIn");panelBody.addEventListener("animationend",function(){panelBody.classList.remove("animate__animated","animate__fadeIn",);},{once:true},);} btn.style.setProperty("--animate-duration","0.8s");btn.classList.add("animate__animated","animate__fadeIn");btn.addEventListener("animationend",function(){btn.classList.remove("animate__animated","animate__fadeIn");},{once:true},);}}});});})();;;