{{-- props --}}
@props([
	'title'
])

<nav
	class="sb-topnav navbar navbar-expand navbar-dark bg-primary"
>
	
	{{-- brand --}}
	<a
		class="navbar-brand ps-3"
		href="{!! route('admin.home.index') !!}"
	>
		<h5 class="mb-0">
			<span class="small fw-bold">
				{!! config('app.name') !!}
			</span>
		</h5>
	</a>
	
	{{-- toggle --}}
	<button
		class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0"
		id="sidebarToggle"
		href="#!"
	>
		<i class="fas fa-bars"></i>
	</button>
	
	{{-- title --}}
	<div class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
		{{-- <span class="text-white">
			<i class="fa-solid fa-calendar-days fa-fw fa-lg"></i>
		</span> --}}
		<span class="fw-bold text-white">
			{!! implode(' ', [
				session('user.user_sname'),
				session('user.user_gname'),
			]) !!}
			{{-- {!! \Carbon\Carbon::now()->format(__('lang.date.yymmdd')) !!} --}}
		</span>
	</div>

	{{-- navbar --}}
	<ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
		{{-- <li class="nav-item dropdown me-3">
			<a
				class="nav-link dropdown-toggle"
				id="navbarDropdown"
				href="#"
				role="button"
				data-bs-toggle="dropdown"
				aria-expanded="false"
			>
				<i class="fa-solid fa-earth-asia fa-fw fa-lg"></i>
			</a>
			<ul
				class="dropdown-menu dropdown-menu-end"
				aria-labelledby="navbarDropdown"
			>
				<li>
					<a
						class="dropdown-item"
						href="#!"
					>
						Settings
					</a>
				</li>
				<li>
					<a
						class="dropdown-item"
						href="#!"
					>
						Activity Log
					</a>
				</li>
				<li>
					<hr class="dropdown-divider">
				</li>
				<li>
					<a
						class="dropdown-item"
						href="#!"
					>
						Logout
					</a>
				</li>
			</ul>
		</li> --}}
		<li class="nav-item dropdown">
			<a
				class="nav-link dropdown-toggle"
				id="userNavbar"
				href="#"
				role="button"
				data-bs-toggle="dropdown"
				aria-expanded="false"
			>
				<i class="fa-solid fa-circle-user fa-fw fa-lg"></i>
			</a>
			<ul
				class="dropdown-menu dropdown-menu-end rounded-0"
				aria-labelledby="userNavbar"
			>
				{{-- <li>
					<a
						class="dropdown-item"
						href="#!"
					>
						Settings
					</a>
				</li> --}}
				{{-- <li>
					<a
						class="dropdown-item"
						href="#!"
					>
						Activity Log
					</a>
				</li> --}}
				{{-- <li>
					<hr class="dropdown-divider">
				</li> --}}
				{{-- <li>
					<a
						class="dropdown-item"
						href="{!! route('signin.destroy') !!}"
					>
						<span class="me-1">
							<i class="fa-solid fa-right-from-bracket fa-fw"></i>
						</span>
						<span class="small text-capitalize">
							{!! __('lang.button.signout') !!}
						</span>
					</a>
				</li> --}}
			</ul>
		</li>
	</ul>
</nav>