193 lines
12 KiB
PHP
Executable File
193 lines
12 KiB
PHP
Executable File
<header class="app-topbar">
|
|
<div class="container-fluid">
|
|
<div class="navbar-header">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<!-- Menu Toggle Button -->
|
|
<div class="topbar-item">
|
|
<button type="button" class="button-toggle-menu topbar-button">
|
|
<iconify-icon icon="solar:hamburger-menu-outline"
|
|
class="fs-24 align-middle"></iconify-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- App Search-->
|
|
<form class="app-search d-none d-md-block me-auto">
|
|
<div class="position-relative">
|
|
<input type="search" class="form-control" placeholder="admin,widgets..."
|
|
autocomplete="off" value="">
|
|
<iconify-icon icon="solar:magnifer-outline" class="search-widget-icon"></iconify-icon>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="d-flex align-items-center gap-2">
|
|
<!-- Theme Color (Light/Dark) -->
|
|
<div class="topbar-item">
|
|
<button type="button" class="topbar-button" id="light-dark-mode">
|
|
<iconify-icon icon="solar:moon-outline"
|
|
class="fs-22 align-middle light-mode"></iconify-icon>
|
|
<iconify-icon icon="solar:sun-2-outline"
|
|
class="fs-22 align-middle dark-mode"></iconify-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Notification -->
|
|
<div class="dropdown topbar-item">
|
|
<button type="button" class="topbar-button position-relative"
|
|
id="page-header-notifications-dropdown" data-bs-toggle="dropdown" aria-haspopup="true"
|
|
aria-expanded="false">
|
|
<iconify-icon icon="solar:bell-bing-outline" class="fs-22 align-middle"></iconify-icon>
|
|
<span
|
|
class="position-absolute topbar-badge fs-10 translate-middle badge bg-danger rounded-pill">5<span
|
|
class="visually-hidden">unread messages</span></span>
|
|
</button>
|
|
<div class="dropdown-menu py-0 dropdown-lg dropdown-menu-end"
|
|
aria-labelledby="page-header-notifications-dropdown">
|
|
<div class="p-2 border-bottom bg-light bg-opacity-50">
|
|
<div class="row align-items-center">
|
|
<div class="col">
|
|
<h6 class="m-0 fs-16 fw-semibold"> Notifications (5)</h6>
|
|
</div>
|
|
<div class="col-auto">
|
|
<a href="javascript: void(0);" class="text-dark text-decoration-underline">
|
|
<small>Clear All</small>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div data-simplebar style="max-height: 250px;">
|
|
<!-- Item -->
|
|
<a href="javascript:void(0);" class="dropdown-item p-2 border-bottom text-wrap">
|
|
<div class="d-flex">
|
|
<div class="flex-shrink-0">
|
|
<img src="/images/users/avatar-1.jpg"
|
|
class="img-fluid me-2 avatar-sm rounded-circle" alt="avatar-1" />
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<p class="mb-0"><span class="fw-medium">Sally Bieber </span>started
|
|
following you. Check out their profile!"</span></p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<!-- Item -->
|
|
<a href="javascript:void(0);" class="dropdown-item p-2 border-bottom">
|
|
<div class="d-flex">
|
|
<div class="flex-shrink-0">
|
|
<div class="avatar-sm me-2">
|
|
<span
|
|
class="avatar-title text-bg-info fw-semibold fs-20 rounded-circle">
|
|
G
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<p class="mb-0 fw-medium">Gloria Chambers</p>
|
|
<p class="mb-0 text-wrap">
|
|
mentioned you in a comment: '@admin, check this out!
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<!-- Item -->
|
|
<a href="javascript:void(0);" class="dropdown-item p-2 border-bottom">
|
|
<div class="d-flex">
|
|
<div class="flex-shrink-0">
|
|
<img src="/images/users/avatar-3.jpg"
|
|
class="img-fluid me-2 avatar-sm rounded-circle" alt="avatar-3" />
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<p class="mb-0 fw-medium">Jacob Gines</p>
|
|
<p class="mb-0 text-wrap">
|
|
Answered to your comment on the cash flow forecast's graph 🔔.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<!-- Item -->
|
|
<a href="javascript:void(0);" class="dropdown-item p-2 border-bottom">
|
|
<div class="d-flex">
|
|
<div class="flex-shrink-0">
|
|
<div class="avatar-sm me-2">
|
|
<span
|
|
class="avatar-title bg-soft-warning text-warning fs-20 rounded-circle">
|
|
<iconify-icon icon="solar:leaf-outline"></iconify-icon>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<p class="mb-0 fw-medium text-wrap">A new system update is available.
|
|
Update now for the latest features.</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<!-- Item -->
|
|
<a href="javascript:void(0);" class="dropdown-item p-2 border-bottom">
|
|
<div class="d-flex">
|
|
<div class="flex-shrink-0">
|
|
<img src="/images/users/avatar-5.jpg"
|
|
class="img-fluid me-2 avatar-sm rounded-circle" alt="avatar-5" />
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<p class="mb-0 fw-medium">Shawn Bunch</p>
|
|
<p class="mb-0 text-wrap">
|
|
commented on your post: 'Great photo!
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="text-center p-2">
|
|
<a href="javascript:void(0);" class="btn btn-primary btn-sm">View All Notification <i
|
|
class="bx bx-right-arrow-alt ms-1"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- User -->
|
|
<div class="dropdown topbar-item">
|
|
<a type="button" class="topbar-button" id="page-header-user-dropdown" data-bs-toggle="dropdown"
|
|
aria-haspopup="true" aria-expanded="false">
|
|
<span class="d-flex align-items-center">
|
|
<img class="rounded-circle" width="32" src="/images/users/avatar-1.jpg"
|
|
alt="avatar-3">
|
|
</span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end">
|
|
<!-- item-->
|
|
<h6 class="dropdown-header">Welcome!</h6>
|
|
|
|
<a class="dropdown-item" href="#">
|
|
<iconify-icon icon="solar:user-outline"
|
|
class="align-middle me-2 fs-18"></iconify-icon><span class="align-middle">My
|
|
Account</span>
|
|
</a>
|
|
|
|
<a class="dropdown-item" href="#">
|
|
<iconify-icon icon="solar:wallet-outline"
|
|
class="align-middle me-2 fs-18"></iconify-icon><span
|
|
class="align-middle">Pricing</span>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<iconify-icon icon="solar:help-outline"
|
|
class="align-middle me-2 fs-18"></iconify-icon><span
|
|
class="align-middle">Help</span>
|
|
</a>
|
|
<a class="dropdown-item" href="auth-{{ route ('second' , ['auth','lock-screen']) }}">
|
|
<iconify-icon icon="solar:lock-keyhole-outline"
|
|
class="align-middle me-2 fs-18"></iconify-icon><span class="align-middle">Lock
|
|
screen</span>
|
|
</a>
|
|
|
|
<div class="dropdown-divider my-1"></div>
|
|
|
|
<a class="dropdown-item text-danger" href="{{ route ('second' , ['auth','signin']) }}">
|
|
<iconify-icon icon="solar:logout-3-outline"
|
|
class="align-middle me-2 fs-18"></iconify-icon><span
|
|
class="align-middle">Logout</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header> |