            <header class="topbar bg-white border-bottom px-3 py-2 d-flex align-items-center justify-content-between">
                <div class="d-flex align-items-center gap-2">
                    <button class="btn btn-outline-secondary btn-sm" id="toggleSidebar">
                        <i class="bi bi-list"></i>
                    </button>
                    <h5 class="m-0">Fleet System</h5>
                </div>

                <div class="d-flex align-items-center gap-3">
                            <div class="dropdown">
                         <button class="btn btn-light position-relative" data-bs-toggle="dropdown">
                            <i class="bi bi-bell"></i>
                            <span class="badge bg-danger" id="notifCount"></span>
                        </button>
                    <div class="dropdown-menu dropdown-menu-end p-2" style="width:300px;">
        <div id="notifList"></div>
        <button class="btn btn-sm btn-link" id="markAll">Mark all as read</button>
    </div>
</div>
                    <div class="fw-semibold">
                        <?= htmlspecialchars((string)$userName, ENT_QUOTES, 'UTF-8') ?>
                    </div>
                </div>
            </header>
