<!-- ======= Header ======= -->
<header id="header" class="header fixed-top-xxx d-flex align-items-center">   
    <div class="d-flex d-md-none">
        <i class="bi bi-list toggle-sidebar-btn"></i>
    </div>
    <div class="search-bar">
        <label class="title">海洋能及負碳高速運算資料管理平臺</label>
    </div>

<!-- <header id="header" class="header fixed-top d-flex align-items-center">

    <div class="d-flex align-items-center justify-content-between">
        <a href="index.php" class="logo1 d-flex align-items-center" title="回首頁">
            <img src="../assets/img/NCHC.png" alt="NCHC.png" class="img img-fluid" style="height:60px;max-width: 240px;">
          
        </a>
        <i class="bi bi-list toggle-sidebar-btn"></i>
    </div>
    <div class=" d-none d-md-block">
        <h5>海洋能及負碳高速運算資料管理平臺</h5>
    </div> -->

    <nav class="header-nav ms-auto">
        <ul class="d-flex align-items-center">

            <li class="nav-item d-block d-lg-none">
                <a class="nav-link nav-icon search-bar-toggle " href="#">
                    <i class="bi bi-search"></i>
                </a>
            </li>

            <li class="nav-item dropdown pe-3">

                <a class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">
                <!-- <img src="../assets/img/person-circle-sharp.png" alt="Profile" class="rounded-circle"> -->
                <i class="bi bi-person-circle " style="font-size: 1.4rem;"></i>
                    <span class="d-none d-md-block dropdown-toggle ps-2"><?php echo $_SESSION['Nchc_userName'] ?? '未登入'; ?></span>
                </a><!-- End Profile Iamge Icon -->

                <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
                    <li class="dropdown-header">
                        <h6><?php echo $_SESSION['Nchc_userName'] ?? '未登入'; ?></h6>
                    </li>
                    <li>
                        <hr class="dropdown-divider">
                    </li>
                    <li>
                        <a class="dropdown-item d-flex align-items-center" href="../index.php">
                            <i class="bi bi-box-arrow-right"></i>
                            <span>前台</span>
                        </a>
                    </li>
                    <li>
                        <a class="dropdown-item d-flex align-items-center" href="../login.php">
                            <i class="bi bi-box-arrow-right"></i>
                            <span>登出帳號</span>
                        </a>
                    </li>
                    
                </ul>
            </li>
        </ul>
    </nav><!-- End Icons Navigation -->

</header><!-- End Header -->