@php
	$criticalNotificationCount = 0;
	$criticalNotificationItems = collect();
	if (Session::get('id') !== null) {
		$criticalNotificationCount = \App\CriticalValueSample::whereNull('followed_up_at')->count();
		$criticalNotificationItems = \App\CriticalValueSample::whereNull('followed_up_at')
			->orderBy('critical_set_at', 'asc')
			->limit(8)
			->get();
	}
@endphp
<header id="topnav">
	<div class="topbar-main">
		<div class="container-fluid">
			<!-- Logo container-->
			<div class="logo">
				<a href="{{ url('/') }}" class="logo">
					<img src="{{ asset('logo.png') }}" alt="" height="26" class="logo-small">
					<img src="{{ asset('logo.png') }}" alt="" height="40" class="logo-large">
					<b>{{ config('global.Title') }} | {{ config('global.namaapps') }}</b>
				</a>
			</div>
			<div class="menu-extras topbar-custom">
				<ul class="list-unstyled topbar-right-menu float-right mb-0">
					<li class="menu-item">
						<a class="navbar-toggle nav-link">
							<div class="lines">
								<span></span>
								<span></span>
								<span></span>
							</div>
						</a>
					</li>
					<li class="dropdown notification-list">
						<a class="nav-link dropdown-toggle arrow-none waves-effect" data-toggle="dropdown" href="#">
							<i class="fi-bell noti-icon" id="notification-bell-icon"></i>
							<span class="badge badge-danger badge-pill noti-icon-badge" id="notificationcount">{{ $criticalNotificationCount }}</span>
						</a>
						<div class="dropdown-menu dropdown-menu-right dropdown-lg" id="notifikasi-verifikasi-bell">
							@include('notifications.partials.critical-bell', ['count' => $criticalNotificationCount, 'items' => $criticalNotificationItems])
						</div>
					</li>
					@if(Session::get('id') !== null)
						<li class="dropdown notification-list">
							<a class="nav-link dropdown-toggle waves-effect nav-user" data-toggle="dropdown" href="#" role="button"
							   aria-haspopup="false" aria-expanded="false">
							   <img src="{{ Session::get('photo') }}" alt="user" class="rounded-circle"><span class="ml-1 pro-user-name">{{ Session::get('nama') }}<i class="mdi mdi-chevron-down"></i> </span>
							</a>
							<div class="dropdown-menu dropdown-menu-right profile-dropdown ">
								<!-- item-->
								<a href="/logout" class="dropdown-item notify-item">
									<i class="fi-power"></i> <span>Logout</span>
								</a>
							</div>
						</li>
					@else
						<li class="dropdown notification-list">
							<a class="nav-link dropdown-toggle waves-effect nav-user" href="/login" role="button"
							   aria-haspopup="false" aria-expanded="false">
							   <img src="admin.png" alt="user" class="rounded-circle"> <span class="ml-1 pro-user-name">Login</span>
							</a>
						</li>
					@endif

				</ul>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<div class="navbar-custom">
		<div class="container-fluid">
			<div id="navigation">
				<ul class="navigation-menu">
					@if(Session::get('previlage') == 'developer')
						<li><a href="/modemobile"><i class="fa fa-tablet"></i></a></li>
						<li><a href="/penerimaansample"><i class="fa fa-flask"></i></a></li>
						<li><a href="/reportppds"><i class="fa fa-h-square"></i>SPV Verification</a></li>
						<li><a href="/pendaftaran"><i class="fa fa-user-plus"></i>Registration</a></li>
						<li class="has-submenu">
							<a href="#"><i class="fa fa-user-md"></i>Specimen</a>
							<ul class="submenu">
								<li><a href="/mikro/all">All Specimen</a></li>
								<li><a href="/mikro/buku01">Cairan Steril</a></li>
								<li><a href="/mikro/buku02">CCI</a></li>
								<li><a href="/mikro/buku03">Darah</a></li>
								<li><a href="/mikro/buku04">HIV</a></li>
								<li><a href="/mikro/buku05">Kuku, Kulit, Adnexa</a></li>
								<li><a href="/mikro/buku06">Kultur TB</a></li>
								<li><a href="/mikro/buku07">Pus dan Jaringan</a></li>
								<li><a href="/mikro/buku08">Sputum</a></li>
								<li><a href="/mikro/buku09">Swab</a></li>
								<li><a href="/mikro/buku10">TCM TB</a></li>
								<li><a href="/mikro/buku11">TCM non-TB</a></li>
								<li><a href="/mikro/buku12">Urine</a></li>
								<li><a href="/mikro/buku13">Feces</a></li>
								<li><a href="/mikro/buku0">Selainnya</a></li>
							</ul>
						</li>
						<li><a href="/report"><i class="fa fa-hospital-o"></i>Report</a></li>
						<li><a href="/biorepository"><i class="fa fa-archive"></i>Biorepository</a></li>
						<li><a href="/pengambilan"><i class="fa fa-stethoscope"></i>Pengambilan</a></li>
						<li class="has-submenu">
							<a href="#"><i class="fa fa-user-md"></i>Logbook</a>
							<ul class="submenu">
								<li><a href="/logbookmenu">Logbook Menu</a></li>
								<li><a href="/logbookstatistik">Report and Statistik</a></li>
							</ul>
						</li>
						<li class="has-submenu">
							<a href="#"><i class="fa fa-medkit"></i>Settings</a>
							<ul class="submenu">
								<li><a href="/pasien">Patient</a></li>
								<li><a href="/poli">Room and Request List</a></li>
								<li><a href="/dokter">Doctor</a></li>
								<li><a href="/user">User Management</a></li>
								<li><a href="/template">Expertise Template</a></li>
								<li><a href="/sirab">Database Antibiotik</a></li>
								<li><a href="/gudang">Gudang</a></li>
								<li><a href="/backup">Backup</a></li>
							</ul>
						</li>
					@elseif(Session::get('previlage') == 'supervisor')
						<li><a href="/penerimaansample"><i class="fa fa-flask"></i></a></li>
						<li><a href="/reportppds"><i class="fa fa-h-square"></i>SPV Verification</a></li>
						<li><a href="/pendaftaran"><i class="fa fa-h-square"></i>Registration</a></li>
						<li class="has-submenu">
							<a href="#"><i class="fa fa-user-md"></i>Specimen</a>
							<ul class="submenu">
								<li><a href="/mikro/all">All Specimen</a></li>
								<li><a href="/mikro/buku01">Cairan Steril</a></li>
								<li><a href="/mikro/buku02">CCI</a></li>
								<li><a href="/mikro/buku03">Darah</a></li>
								<li><a href="/mikro/buku04">HIV</a></li>
								<li><a href="/mikro/buku05">Kuku, Kulit, Adnexa</a></li>
								<li><a href="/mikro/buku06">Kultur TB</a></li>
								<li><a href="/mikro/buku07">Pus dan Jaringan</a></li>
								<li><a href="/mikro/buku08">Sputum</a></li>
								<li><a href="/mikro/buku09">Swab</a></li>
								<li><a href="/mikro/buku10">TCM TB</a></li>
								<li><a href="/mikro/buku11">TCM non-TB</a></li>
								<li><a href="/mikro/buku12">Urine</a></li>
								<li><a href="/mikro/buku13">Feces</a></li>
								<li><a href="/mikro/buku0">Selainnya</a></li>
							</ul>
						</li>
						<li><a href="/report"><i class="fa fa-hospital-o"></i>Report</a></li>
						<li><a href="/pengambilan"><i class="fa fa-stethoscope"></i>Pengambilan</a></li>
						<li class="has-submenu">
							<a href="#"><i class="fa fa-user-md"></i>Logbook</a>
							<ul class="submenu">
								<li><a href="/logbookmenu">Logbook Menu</a></li>
								<li><a href="/logbookstatistik">Report and Statistik</a></li>
							</ul>
						</li>
						<li class="has-submenu">
							<a href="#"><i class="fa fa-medkit"></i>Settings</a>
							<ul class="submenu">
								<li><a href="/pasien">Patient</a></li>
								<li><a href="/poli">Room and Request List</a></li>
								<li><a href="/dokter">Doctor</a></li>
								<li><a href="/user">User Management</a></li>
								<li><a href="/template">Expertise Template</a></li>
								<li><a href="/sirab">Database Antibiotik</a></li>
								<li><a href="/gudang">Gudang</a></li>
							</ul>
						</li>
					@elseif(Session::get('previlage') == 'ppds')
						<li><a href="/penerimaansample"><i class="fa fa-flask"></i></a></li>
						<li class="has-submenu">
							<a href="#"><i class="fa fa-user-md"></i>Specimen</a>
							<ul class="submenu">
								<li><a href="/mikro/all">All Specimen</a></li>
								<li><a href="/mikro/buku01">Cairan Steril</a></li>
								<li><a href="/mikro/buku02">CCI</a></li>
								<li><a href="/mikro/buku03">Darah</a></li>
								<li><a href="/mikro/buku04">HIV</a></li>
								<li><a href="/mikro/buku05">Kuku, Kulit, Adnexa</a></li>
								<li><a href="/mikro/buku06">Kultur TB</a></li>
								<li><a href="/mikro/buku07">Pus dan Jaringan</a></li>
								<li><a href="/mikro/buku08">Sputum</a></li>
								<li><a href="/mikro/buku09">Swab</a></li>
								<li><a href="/mikro/buku10">TCM TB</a></li>
								<li><a href="/mikro/buku11">TCM non-TB</a></li>
								<li><a href="/mikro/buku12">Urine</a></li>
								<li><a href="/mikro/buku13">Feces</a></li>
								<li><a href="/mikro/buku0">Selainnya</a></li>
							</ul>
						</li>
						<li><a href="/pendaftaran"><i class="fa fa-h-square"></i>Registration</a></li>
						<li><a href="/poli"><i class="fa fa-hospital-o"></i>Room and Request List</a></li>
						<li><a href="/report"><i class="fa fa-hospital-o"></i>Report</a></li>
						<li><a href="/pengambilan"><i class="fa fa-stethoscope"></i>Pengambilan</a></li>
						<li class="has-submenu">
							<a href="#"><i class="fa fa-medkit"></i>Settings</a>
							<ul class="submenu">
								<li><a href="/pasien">Patient</a></li>
								<li><a href="/template">Database</a></li>
								<li><a href="/user">User Management</a></li>
							</ul>
						</li>
					@elseif(Session::get('previlage') == 'analis')
						<li><a href="/modemobile"><i class="fa fa-h-square"></i></a></li>
						<li><a href="/penerimaansample"><i class="fa fa-flask"></i></a></li>
						<li class="has-submenu">
							<a href="#"><i class="fa fa-user-md"></i>Specimen</a>
							<ul class="submenu">
								<li><a href="/mikro/all">All Specimen</a></li>
								<li><a href="/mikro/buku01">Cairan Steril</a></li>
								<li><a href="/mikro/buku02">CCI</a></li>
								<li><a href="/mikro/buku03">Darah</a></li>
								<li><a href="/mikro/buku04">HIV</a></li>
								<li><a href="/mikro/buku05">Kuku, Kulit, Adnexa</a></li>
								<li><a href="/mikro/buku06">Kultur TB</a></li>
								<li><a href="/mikro/buku07">Pus dan Jaringan</a></li>
								<li><a href="/mikro/buku08">Sputum</a></li>
								<li><a href="/mikro/buku09">Swab</a></li>
								<li><a href="/mikro/buku10">TCM TB</a></li>
								<li><a href="/mikro/buku11">TCM non-TB</a></li>
								<li><a href="/mikro/buku12">Urine</a></li>
								<li><a href="/mikro/buku13">Feces</a></li>
								<li><a href="/mikro/buku0">Selainnya</a></li>
							</ul>
						</li>
						<li class="has-submenu">
							<a href="#"><i class="fa fa-medkit"></i>Report</a>
							<ul class="submenu">
								<li><a href="/report"><i class="icon-book-open"></i>View Report</a></li>
								<li><a href="/pengambilan"><i class="fa fa-stethoscope"></i>Pengambilan</a></li>
								<li><a href="/pasien"><i class="fa fa-wheelchair"></i>Patient</a></li>
								<li><a href="/poli"><i class="fa fa-hospital-o"></i>Room and Request List</a></li>
								<li><a href="/pendaftaran"><i class="fa fa-h-square"></i>Registration</a></li>
								<li><a href="/template"><i class="fa fa-medkit"></i>Database</a></li>
							</ul>
						</li>
					@elseif(Session::get('previlage') == 'admin')
						<li><a href="/pendaftaran"><i class="fa fa-h-square"></i>Pendaftaran</a></li>
						<li><a href="/pengambilan"><i class="fa fa-stethoscope"></i>Pengambilan</a></li>
						<li><a href="/poli"><i class="fa fa-hospital-o"></i>Database</a></li>
						<li><a href="/user"><i class="icon-user"></i>User Management</a></li>
						<li><a href="/pasien"><i class="fa fa-wheelchair"></i>Pasien</a></li>
						<li><a href="/report"><i class="icon-book-open"></i>Laporan</a></li>
						<li><a href="/gudang"><i class="fa fa-home"></i>Gudang</a></li>
					@else
						<li><a href="/login"><i class="icon-user"></i>Login</a></li>
					@endif
				</ul>
			</div>
		</div>
	</div>
</header>

@if(Session::get('id') !== null)
	@push('script')
	<script type="text/javascript">
		(function () {
			var refreshUrl = "{{ route('criticalValueNotificationSummary') }}";
			var refreshIntervalMs = 20000;
			var inFlight = null;

			function setBadge(count) {
				var $badge = $('#notificationcount');
				$badge.text(count);
				if (count > 0) $badge.show();
				else $badge.hide();
			}

			function refreshCriticalBell() {
				if (inFlight && inFlight.readyState !== 4) {
					try { inFlight.abort(); } catch (e) {}
				}
				inFlight = $.ajax({
					url: refreshUrl,
					type: 'GET',
					dataType: 'json',
					cache: false,
					success: function (data) {
						var count = parseInt((data && data.count) ? data.count : 0, 10) || 0;
						setBadge(count);
						if (data && typeof data.menu_html === 'string') {
							$('#notifikasi-verifikasi-bell').html(data.menu_html);
						}
					}
				});
			}

			$(function () {
				setBadge(parseInt($('#notificationcount').text(), 10) || 0);
				refreshCriticalBell();
				setInterval(refreshCriticalBell, refreshIntervalMs);
				$('#notification-bell-icon').closest('.dropdown').on('shown.bs.dropdown', refreshCriticalBell);
			});
		})();
	</script>
	@endpush
@endif