93 lines
4.3 KiB
PHP
93 lines
4.3 KiB
PHP
<div class="main-header">
|
|
<div class="main-header-logo">
|
|
<div class="logo-header" data-background-color="dark">
|
|
<a class="logo">
|
|
<img src={{ asset('assets/img/logo.png') }} alt="navbar brand" class="navbar-brand"
|
|
height="20" />
|
|
</a>
|
|
<div class="nav-toggle">
|
|
<button class="btn btn-toggle toggle-sidebar">
|
|
<i class="gg-menu-right"></i>
|
|
</button>
|
|
<button class="btn btn-toggle sidenav-toggler">
|
|
<i class="gg-menu-left"></i>
|
|
</button>
|
|
</div>
|
|
<button class="topbar-toggler more">
|
|
<i class="gg-more-vertical-alt"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<nav class="navbar navbar-header navbar-header-transparent navbar-expand-lg border-bottom">
|
|
<div class="container-fluid">
|
|
<ul class="navbar-nav topbar-nav ms-md-auto align-items-center">
|
|
@auth
|
|
<li class="nav-item topbar-user dropdown hidden-caret">
|
|
<a class="dropdown-toggle profile-pic" data-bs-toggle="dropdown" href="#"
|
|
aria-expanded="false">
|
|
<div class="avatar-sm">
|
|
<i class="fas fa-cog fa-2x d-block d-lg-none"></i>
|
|
</div>
|
|
<span class="profile-username">
|
|
<span class="op-7">Hi,</span>
|
|
<span class="fw-bold">{{ Auth::user()->fullname }}</span>
|
|
</span>
|
|
</a>
|
|
@if (Auth::user()->role == 'admin')
|
|
<ul class="dropdown-menu dropdown-user animated fadeIn">
|
|
<div class="dropdown-user-scroll scrollbar-outer">
|
|
<li>
|
|
<div class="user-box">
|
|
<div class="u-text">
|
|
<h4>{{ Auth::user()->fullname }}</h4>
|
|
<p class="text-muted">{{ Auth::user()->email }}</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="{{ route('profile') }}">
|
|
<i class="fas fa-user me-2"></i> <!-- Ikon profil dengan jarak -->
|
|
My Profile
|
|
</a>
|
|
<a class="dropdown-item" href="#" data-bs-toggle="modal"
|
|
data-bs-target="#logoutModal">
|
|
<i class="fas fa-sign-out-alt me-2"></i> <!-- Ikon logout dengan jarak -->
|
|
Logout
|
|
</a>
|
|
</li>
|
|
|
|
|
|
</div>
|
|
</ul>
|
|
</li>
|
|
@else
|
|
<script>
|
|
const element = document.querySelector('.gg-more-vertical-alt');
|
|
element.style.display = 'none';
|
|
</script>
|
|
@endif
|
|
@endauth
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
{{-- Logout Modal --}}
|
|
<div class="modal fade" id="logoutModal" tabindex="-1" aria-labelledby="logoutModal" aria-hidden="true">
|
|
<div class="modal-dialog modal-sm" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-body">
|
|
<p>Apakah anda yakin untuk logout?</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Kembali</button>
|
|
<form action="{{ route('logout') }}" method="POST">
|
|
@csrf
|
|
<button type="submit" class="btn btn-primary">Iya, Logout</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|