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

<nav
	class="sb-sidenav accordion sb-sidenav-light"
	id="asideAccordion"
>
	<div class="sb-sidenav-menu mb-3">
		<div class="nav">

			{{-- general --}}
			<div class="sb-sidenav-menu-heading pb-1">
				<span class="me-1">
					<i class="fa-solid fa-laptop fa-fw"></i>
				</span>
				{!! __('lang.admin.aside.general') !!}
			</div>
			<a
				class="nav-link d-flex justify-content-between align-items-center {!! ($nav == 'home') ? 'active' : '' !!}"
				href="{!! route('admin.home.index') !!}"
				wire:navigate
			>
				<div class="text-capitalize">
					HOME
				</div>
				<div class="text-secondary me-1">
					<i class="fa-solid fa-angle-right fa-fw"></i>
				</div>
			</a>
			{{-- /.general --}}

			{{-- administrator --}}
			<div class="sb-sidenav-menu-heading pb-1">
				<span class="me-1">
					<i class="fa-solid fa-laptop fa-fw"></i>
				</span>
				{!! __('lang.admin.aside.administrator') !!}
			</div>
			<a
				class="nav-link d-flex justify-content-between align-items-center {!! ($nav == 'question') ? 'active' : '' !!}"
				href="{!! route('admin.config.medical_subject.index') !!}"
				wire:navigate
			>
				<div class="text-capitalize">
					{!! __('lang.question.title') !!}
				</div>
				<div class="text-secondary me-1">
					<i class="fa-solid fa-angle-right fa-fw"></i>
				</div>
			</a>
			<a
				class="nav-link d-flex justify-content-between align-items-center {!! ($nav == 'operation') ? 'active' : '' !!}"
				href="{!! route('admin.operation.show') !!}"
				wire:navigate
			>
				<div class="text-capitalize">
					{!! __('lang.operation.title') !!}
				</div>
				<div class="text-secondary me-1">
					<i class="fa-solid fa-angle-right fa-fw"></i>
				</div>
			</a>
			{{-- /.administrator --}}
			
		</div>
	</div>

</nav>