112 lines
5.5 KiB
PHP
112 lines
5.5 KiB
PHP
<!-- jQuery -->
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
<!-- Bootstrap JS -->
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
|
|
|
|
|
|
<header id="header" class="header">
|
|
<div class="top-left">
|
|
<div class="navbar-header">
|
|
<a class="navbar-brand" href="./">SPK-P</a>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="top-right">
|
|
<div class="header-menu">
|
|
<div class="header-left">
|
|
|
|
<div class="form-inline">
|
|
|
|
</div>
|
|
|
|
<div class="dropdown for-notification">
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" id="notification"
|
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
{{-- <i class="fa fa-bell"></i> --}}
|
|
{{-- <span class="count bg-danger">3</span> --}}
|
|
</button>
|
|
<div class="dropdown-menu" aria-labelledby="notification">
|
|
{{-- <p class="red">You have 3 Notification</p> --}}
|
|
<a class="dropdown-item media" href="#">
|
|
<i class="fa fa-check"></i>
|
|
<p>Server #1 overloaded.</p>
|
|
</a>
|
|
<a class="dropdown-item media" href="#">
|
|
<i class="fa fa-info"></i>
|
|
<p>Server #2 overloaded.</p>
|
|
</a>
|
|
<a class="dropdown-item media" href="#">
|
|
<i class="fa fa-warning"></i>
|
|
<p>Server #3 overloaded.</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dropdown for-message">
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" id="message"
|
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
{{-- <i class="fa fa-envelope"></i> --}}
|
|
{{-- <span class="count bg-primary">4</span> --}}
|
|
</button>
|
|
<div class="dropdown-menu" aria-labelledby="message">
|
|
{{-- <p class="red">You have 4 Mails</p> --}}
|
|
<a class="dropdown-item media" href="#">
|
|
<span class="photo media-left"><img alt="avatar" src="images/avatar/1.jpg"></span>
|
|
<div class="message media-body">
|
|
<span class="name float-left">Jonathan Smith</span>
|
|
<span class="time float-right">Just now</span>
|
|
<p>Hello, this is an example msg</p>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item media" href="#">
|
|
<span class="photo media-left"><img alt="avatar" src="images/avatar/2.jpg"></span>
|
|
<div class="message media-body">
|
|
<span class="name float-left">Jack Sanders</span>
|
|
<span class="time float-right">5 minutes ago</span>
|
|
<p>Lorem ipsum dolor sit amet, consectetur</p>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item media" href="#">
|
|
<span class="photo media-left"><img alt="avatar" src="images/avatar/3.jpg"></span>
|
|
<div class="message media-body">
|
|
<span class="name float-left">Cheryl Wheeler</span>
|
|
<span class="time float-right">10 minutes ago</span>
|
|
<p>Hello, this is an example msg</p>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item media" href="#">
|
|
<span class="photo media-left"><img alt="avatar" src="images/avatar/4.jpg"></span>
|
|
<div class="message media-body">
|
|
<span class="name float-left">Rachel Santos</span>
|
|
<span class="time float-right">15 minutes ago</span>
|
|
<p>Lorem ipsum dolor sit amet, consectetur</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="user-area dropdown float-right">
|
|
<a href="{{ route('user.profile') }}" class="active">
|
|
<span class="mr-2 d-none d-lg-inline text bold h7">{{ Auth::user()->name }}</span>
|
|
<i class="fa fa-user fa-2x"></i>
|
|
</a>
|
|
|
|
<div class="user-menu dropdown-menu">
|
|
<a class="nav-link" href="{{ route('user.profile') }}"><i class="fa fa-user"></i>My Profile</a>
|
|
|
|
<a class="nav-link" href="#"><i class="fa fa-user"></i>Notifications <span
|
|
class="count">13</span></a>
|
|
|
|
<a class="nav-link" href="#"><i class="fa fa -cog"></i>Settings</a>
|
|
|
|
<a class="nav-link" href="#" data-toggle="modal" data-target="#logoutModal">
|
|
<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>Logout
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</header>
|