<header id="header" class="header fixed-top d-flex align-items-center justify-content-between px-3">

  <!-- Left: Logo + Sidebar Toggle -->
  <div class="d-flex align-items-center">
    <a href="index.php" class="logo d-flex align-items-center">
      <img src="../assets/img/sslogo.jpg" alt="" style="height: 40px;">
      <span class="d-none d-lg-block ms-2">DRMC</span>
    </a>
    <i class="bi bi-list toggle-sidebar-btn ms-3" style="cursor: pointer;"></i>
  </div>

  <!-- Center: Branch Name -->
  <div class="position-absolute top-50 start-50 translate-middle-x">
    <span class="fw-bold fs-5 text-uppercase"> DRMC - 
      <?= isset($_SESSION['branch_name']) ? htmlspecialchars($_SESSION['branch_name']) : 'Branch Name' ?>
    </span>
  </div>

  <!-- Right: Sign Out -->
  <nav class="header-nav">
    <ul class="d-flex align-items-center mb-0">
      <li class="nav-item">
        <a class="nav-link d-flex align-items-center text-danger" href="logout.php">
          <i class="bi bi-box-arrow-right me-1"></i>
          <span>Sign Out</span>
        </a>
      </li>
    </ul>
  </nav>

</header>
