108 lines
5.9 KiB
PHP
108 lines
5.9 KiB
PHP
<header>
|
|
<div class="topbar d-flex align-items-center">
|
|
<nav class="navbar navbar-expand gap-3">
|
|
<div class="mobile-toggle-menu"><i class='bx bx-menu'></i>
|
|
</div>
|
|
|
|
<div class="search-bar d-lg-block d-none" data-bs-toggle="modal" data-bs-target="#SearchModal">
|
|
<!-- <a href="avascript:;" class="btn d-flex align-items-center"><i class='bx bx-search'></i>Search</a> -->
|
|
</div>
|
|
|
|
<div class="top-menu ms-auto">
|
|
<ul class="navbar-nav align-items-center gap-1">
|
|
<li class="nav-item mobile-search-icon d-flex d-lg-none" data-bs-toggle="modal" data-bs-target="#SearchModal">
|
|
<a class="nav-link" href="avascript:;"><i class='bx bx-search'></i>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item dropdown dropdown-laungauge d-none d-sm-flex">
|
|
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="avascript:;" data-bs-toggle="dropdown"><img src="assets/images/county/uk.svg" width="22" alt="">
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/uk.svg" width="20" alt=""><span class="ms-2">English</span></a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dark-mode d-none d-sm-flex">
|
|
<a class="nav-link dark-mode-icon" href="javascript:;"><i class='bx bx-moon'></i>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item dropdown dropdown-app">
|
|
<!-- <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" data-bs-toggle="dropdown" href="javascript:;"><i class='bx bx-grid-alt'></i></a> -->
|
|
<div class="dropdown-menu dropdown-menu-end p-0">
|
|
<div class="app-container p-2 my-2">
|
|
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="nav-item dropdown dropdown-large">
|
|
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" data-bs-toggle="dropdown"><span class="alert-count">0</span>
|
|
<i class='bx bx-bell'></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end">
|
|
<a href="javascript:;">
|
|
<div class="msg-header">
|
|
<p class="msg-header-title">Notifications</p>
|
|
|
|
</div>
|
|
</a>
|
|
<div class="header-notifications-list">
|
|
<a class="dropdown-item" href="javascript:;">
|
|
<div class="d-flex align-items-center">
|
|
<div class="user-online">
|
|
<img src="assets/images/avatars/avatar-1.png" class="msg-avatar" alt="user avatar">
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6 class="msg-name">Daisy Anderson<span class="msg-time float-end">5 sec
|
|
ago</span></h6>
|
|
<p class="msg-info">The standard chunk of lorem</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<a href="javascript:;">
|
|
<div class="text-center msg-footer">
|
|
<button class="btn btn-primary w-100">View All Notifications</button>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown dropdown-large">
|
|
<div class="dropdown-menu dropdown-menu-end">
|
|
<div class="header-message-list">
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="user-box dropdown px-3">
|
|
<a class="d-flex align-items-center nav-link dropdown-toggle gap-3 dropdown-toggle-nocaret" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<img src="<?= htmlspecialchars($photousername ? '../upload/users/' . $photousername : '../upload/users/profile.png'); ?>" class="user-img" alt="user avatar">
|
|
<div class="user-info">
|
|
<p class="user-name mb-0"><?= htmlspecialchars($user->first_name . ' ' . $user->last_name); ?></p>
|
|
<p class="designattion mb-0"><?= htmlspecialchars($user->email); ?></p>
|
|
</div>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li><a class="dropdown-item d-flex align-items-center" href="user-profile.php"><i class="bx bx-user fs-5"></i><span>Profile</span></a>
|
|
</li>
|
|
<li><a class="dropdown-item d-flex align-items-center" href="settings.php"><i class="bx bx-cog fs-5"></i><span>Settings</span></a>
|
|
</li>
|
|
<li>
|
|
<div class="dropdown-divider mb-0"></div>
|
|
</li>
|
|
<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-log-out-circle"></i><span>Logout</span></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|