		<!-- Header -->
		<div class="header">

			<!-- Logo -->
			<div class="header-left active">
				<a href="index.html" class="logo logo-normal">
					<img src="assets/img/logo/logo.png" alt="">
				</a>
				<a href="index.html" class="logo logo-white">
					<img src="assets/img/logo/logo.png" alt="">
				</a>
				<a href="index.html" class="logo-small">
					<img src="assets/img/logo/logo.png" alt="">
				</a>
				<a id="toggle_btn" href="javascript:void(0);">
					<i data-feather="chevrons-left" class="feather-16"></i>
				</a>
			</div>
			<!-- /Logo -->

			<a id="mobile_btn" class="mobile_btn" href="#sidebar">
				<span class="bar-icon">
					<span></span>
					<span></span>
					<span></span>
				</span>
			</a>

			<!-- Header Menu -->
			<ul class="nav user-menu">

				<!-- Search -->
					<li class="nav-item nav-searchinputs">
						<div class="top-nav-search">
							<a href="javascript:void(0);" class="responsive-search">
								<i class="fa fa-search"></i>
							</a>
							<form action="#" class="dropdown">
								<div class="searchinputs dropdown-toggle" id="dropdownMenuClickable" data-bs-toggle="dropdown" data-bs-auto-close="false">
									<input type="text" placeholder="Search">
									<div class="search-addon">
										<span><i data-feather="x-circle" class="feather-14"></i></span>
									</div>
								</div>

							</form>
						</div>
					</li>
					<!-- /Search -->


				<li class="nav-item dropdown has-arrow main-drop">
					<a href="javascript:void(0);" class="dropdown-toggle nav-link userset" data-bs-toggle="dropdown">
						<span class="user-info">
							<span class="user-letter">
								<img src="https://cdn-icons-png.flaticon.com/512/2304/2304226.png" alt="" class="img-fluid">
							</span>
							<span class="user-detail">
								<span class="user-name"> <?php if (isset($_SESSION['admin_name'])) {echo htmlspecialchars($_SESSION['admin_name']);} else {echo 'ADMIN'; }?></span>
								<span class="user-role"> Admin</span>
							</span>
						</span>
					</a>
					<div class="dropdown-menu menu-drop-user">
						<div class="profilename">
							<div class="profileset">
								<span class="user-img"><img src="https://cdn-icons-png.flaticon.com/512/2304/2304226.png" alt="">
									<span class="status online"></span></span>
								<div class="profilesets">
							 	<span class="user-name"> <?php if (isset($_SESSION['admin_name'])) {echo htmlspecialchars($_SESSION['admin_name']);} else {echo 'ADMIN'; }?></span>
									<h5> Admin</h5>
								</div>
							</div>
							<hr class="m-0">

							<hr class="m-0">
                               <a class="dropdown-item logout pb-0" href="javascript:void(0);" onclick="confirmLogout()">
                                 <img src="assets/img/icons/log-out.svg" class="me-2" alt="img">Logout
                               </a>
						</div>
					</div>
				</li>
			</ul>
			<!-- /Header Menu -->
<script>
    function confirmLogout() {
        Swal.fire({
            title: 'Are you sure?',
            text: 'Do you want to logout?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, logout!',
            cancelButtonText: 'No, cancel'
        }).then((result) => {
            if (result.isConfirmed) {
                window.location.href = 'logout.php'; 
            }
        });
    }
</script>
<style>

.page-header {
    margin-top: -25px;
}


@media (max-width: 767px) {
    .page-header {
        margin-top: 10px;
    }
}

</style>