139 lines
5.7 KiB
PHP
139 lines
5.7 KiB
PHP
@php
|
|
$containerNav = $containerNav ?? 'container-fluid';
|
|
$navbarDetached = ($navbarDetached ?? '');
|
|
|
|
@endphp
|
|
|
|
<!-- Navbar -->
|
|
@if(isset($navbarDetached) && $navbarDetached == 'navbar-detached')
|
|
<nav
|
|
class="layout-navbar {{$containerNav}} navbar navbar-expand-xl {{$navbarDetached}} align-items-center bg-navbar-theme"
|
|
id="layout-navbar">
|
|
@endif
|
|
@if(isset($navbarDetached) && $navbarDetached == '')
|
|
<nav class="layout-navbar navbar navbar-expand-xl align-items-center bg-navbar-theme" id="layout-navbar">
|
|
<div class="{{$containerNav}}">
|
|
@endif
|
|
|
|
<!-- Brand demo (display only for navbar-full and hide on below xl) -->
|
|
@if(isset($navbarFull))
|
|
<div class="navbar-brand app-brand demo d-none d-xl-flex py-0 me-4">
|
|
<a href="{{url('/')}}" class="app-brand-link gap-2">
|
|
<span class="app-brand-logo demo">
|
|
@include('_partials.macros', ["width" => 25, "withbg" => '#696cff'])
|
|
</span>
|
|
<span class="app-brand-text demo menu-text fw-bolder">{{config('variables.templateName')}}</span>
|
|
</a>
|
|
</div>
|
|
@endif
|
|
|
|
<!-- ! Not required for layout-without-menu -->
|
|
@if(!isset($navbarHideToggle))
|
|
<div
|
|
class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0{{ isset($menuHorizontal) ? ' d-xl-none ' : '' }} {{ isset($contentNavbar) ? ' d-xl-none ' : '' }}">
|
|
<a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
|
|
<i class="bx bx-menu bx-sm"></i>
|
|
</a>
|
|
</div>
|
|
@endif
|
|
|
|
<div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
|
|
<!-- Search -->
|
|
<div class="navbar-nav align-items-center">
|
|
<div class="nav-item d-flex align-items-center">
|
|
<i class="bx bx-search fs-4 lh-0"></i>
|
|
<input type="text" class="form-control border-0 shadow-none" id="searchBox" onkeyup="search()"
|
|
placeholder="Search..." aria-label="Search...">
|
|
</div>
|
|
</div>
|
|
<!-- /Search -->
|
|
<ul class="navbar-nav flex-row align-items-center ms-auto">
|
|
|
|
<!-- Place this tag where you want the button to render. -->
|
|
<!-- <li class="nav-item lh-1 me-3">
|
|
<a class="github-button" href="https://github.com/themeselection/sneat-html-laravel-admin-template-free" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star themeselection/sneat-html-laravel-admin-template-free on GitHub">Star</a>
|
|
</li> -->
|
|
|
|
<!-- User -->
|
|
<li class="nav-item navbar-dropdown dropdown-user dropdown d-flex justify-content-center">
|
|
<div class="d-flex align-items-center justify-content-center">
|
|
<a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
|
|
@if (count($user->notifications) > 0)
|
|
<i class="bx bxs-bell-ring bx-tada" style="color: indigo;"></i>
|
|
@else
|
|
<i class="bx bxs-bell-ring"></i>
|
|
@endif
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-start dropdown-menu-lg-end p-2">
|
|
@forelse ($user->notifications as $notification)
|
|
<div class="alert alert-primary" role="alert">
|
|
<b>{{$notification->data['name']}}</b>
|
|
<small>{{$notification->data['message']}}</small>
|
|
<a href="/api/notifications/proceed/{{$notification->id}}">
|
|
<br>
|
|
<button type="button" class="btn btn-xs btn-primary">Cek</button>
|
|
</a>
|
|
</div>
|
|
@empty
|
|
<div class="px-3 py-2 text-muted">
|
|
<p class="mb-0">
|
|
Tidak ada notifikasi
|
|
</p>
|
|
</div>
|
|
@endforelse
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
|
|
<div class="avatar avatar-online">
|
|
<img src="{{ asset('assets/img/avatars/1.png') }}" alt class="w-px-40 h-auto rounded-circle">
|
|
</div>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li>
|
|
<a class="dropdown-item" href="javascript:void(0);">
|
|
<div class="d-flex">
|
|
<div class="flex-shrink-0 me-3">
|
|
<div class="avatar avatar-online">
|
|
<img src="{{ asset('assets/img/avatars/1.png') }}" alt class="w-px-40 h-auto rounded-circle">
|
|
</div>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<span class="fw-semibold d-block">{{$user->nama ?? "Guest"}}</span>
|
|
<small class="text-muted">{{$user->role ?? "Guest"}}</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
@if ($user->role != "Admin")
|
|
<li>
|
|
<div class="dropdown-divider"></div>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="{{url("/account/profil")}}">
|
|
<i class="bx bx-user me-2"></i>
|
|
<span class="align-middle">My Profile</span>
|
|
</a>
|
|
</li>
|
|
@endif
|
|
<li>
|
|
<div class="dropdown-divider"></div>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="/api/logout">
|
|
<i class='bx bx-power-off me-2'></i>
|
|
<span class="align-middle">Log Out</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<!--/ User -->
|
|
</ul>
|
|
</div>
|
|
|
|
@if(!isset($navbarDetached))
|
|
</div>
|
|
@endif
|
|
</nav>
|
|
<!-- / Navbar --> |