// ============================================================
// SCEM Lab - °øÅë Header & Navigation
// ÆÄÀÏ À§Ä¡: scem_js/header.js
// 
// »ç¿ë¹ý: °¢ ÆäÀÌÁö¿¡¼­ <div id="site-header"></div> ¸¦ ³Ö°í
//         ÀÌ ½ºÅ©¸³Æ®¸¦ ·ÎµåÇϸé ÀÚµ¿À¸·Î header°¡ »ðÀԵ˴ϴÙ.
// ============================================================


(function () {
  // --- °æ·Î ¼³Á¤ ---
  // Cafe24¿¡¼­ {{$template}} º¯¼ö´Â HTML ¾È¿¡¼­¸¸ ġȯµÇ°í,
  // JS ÆÄÀÏ ¾È¿¡¼­´Â ġȯµÇÁö ¾ÊÀ¸¹Ç·Î, ÇöÀç ½ºÅ©¸³Æ®ÀÇ °æ·Î¿¡¼­ ÃßÃâÇÕ´Ï´Ù.
  var scripts = document.getElementsByTagName('script');
  var currentScript = scripts[scripts.length - 1];
  var scriptSrc = currentScript.getAttribute('src') || '';
  // scriptSrc ¿¹: "{{$template}}/inc/scem_js/header.js" ¡æ ġȯ ÈÄ "/xxx/inc/scem_js/header.js"
  // basePath = "/xxx" (inc ¾Õ±îÁö)
  var basePath = scriptSrc.replace(/\/inc\/scem_js\/header\.js.*$/, '');


  // --- Header HTML ---
  var headerHTML = ''
    + '<header>'
    + '  <div class="header-container">'
    + '    <div class="top-header">'
    + '      <h2><a href="https://www.uos.ac.kr" class="university-link">University of Seoul</a></h2>'
    + '    </div>'
    + '  </div>'
    + ''
    + '  <div class="main-header-container">'
    + '    <div class="main-header">'
    + '      <span class="main-logo"><a href="' + basePath + '/index.php" class="logo-link">SCEM</a></span>'
    + '      <span class="main-div"> | </span>'
    + '      <span class="main-dep">Architectural Engineering</span>'
    + '      <h2>Smart Construction </h2>'
    + '      <h2>Engineering & Management Lab.</h2>'
    + '    </div>'
    + '    <a href="#" class="navbar_togleBtn">'
    + '      <i class="fa-solid fa-bars"></i>'
    + '    </a>'
    + '  </div>'
    + ''
    + '  <nav class="navbar">'
    + '    <ul class="nav-menu">'
    + '      <li><a href="' + basePath + '/index.php" class="map-link">Home</a></li>'
    + '      <li><a href="' + basePath + '/Member/people.php" class="map-link">People</a></li>'
    + '      <li><a href="' + basePath + '/Research/research.php" class="map-link">Research</a></li>'
    + '      <li class="dropdown">'
    + '        <a href="' + basePath + '/Publication/journal.php" class="map-link">Publication</a>'
    + '        <ul class="dropdown-content">'
    + '          <li><a href="' + basePath + '/Publication/journal.php"> Journal</a></li>'
    + '          <li><a href="' + basePath + '/Publication/conference.php"> Conference</a></li>'
    + '        </ul>'
    + '      </li>'
    + '      <li><a href="' + basePath + '/About/contact.php" class="map-link">Contact us</a></li>'
    + '    </ul>'
    + '  </nav>'
    + '</header>';


  // --- »ðÀÔ ---
  var container = document.getElementById('site-header');
  if (container) {
    container.innerHTML = headerHTML;
  }
})();