<div class="main-dashboard-navigation">
	<div class="main-dashboard-title">
		<h1 class="h2-title black">{{ __("Hi, :Name Welcome back!", ['name' => auth()->user()->name]) }}</h1>
	</div>
	<div class="main-dashboard-buttons">
		<ul>
			<li class="has-dropdown">
				@php
					$company_list = getUserCompanies();
					$company_detail = getCompanyDetails(auth()->user()->company_id);
				@endphp
				<a href="#" class="with-dropdown"><img src="{{ asset('themes/tailwind/images/sample-company.png') }}">{{ $company_detail ? $company_detail->name : 'Company Name' }}</a>
				<ul class="dropdown user-selection">
					@foreach($company_list as $company)
						<li class="{{ auth()->user()->admin_active_company_id === $company->id ? 'active' : '' }}"><a class="" href="{{ route('cms.change-active-company', [$company->id]) }}"><img src="{{ asset('themes/tailwind/images/sample-company.png') }}"> {{ $company->name ?? 'Company Name' }}</a></li>
					@endforeach
					<li>
						<div class="user-selection__buttons">
							<button class="btn rounded-btn" type="button">{{ __("Add account") }}</button>
							<a href="{{ route('wave.logout') }}" class="btn rounded-btn btn-error" >{{ __("Log out this account") }}</a>
						</div>
					</li>
				</ul>
			</li>
			<li class="has-dropdown">
				<a href="#" class="with-dropdown"><img src="{{ asset('themes/tailwind/images/language-black.png') }}"> {{ strtoupper(app()->getLocale()) }}</a>
				<ul class="dropdown user-selection">
					@foreach(config('app.available_locales') as $available_locale => $locale_name)
						<li class="{{ $available_locale === app()->getLocale() ? 'active' : '' }}"><a class="change-language" href="{{ route('language', [$available_locale]) }}">{{ $locale_name }}</a></li>
					@endforeach
				</ul>
			</li>
			<li class="has-dropdown">
				<a href=""><img src="{{ asset('themes/tailwind/images/notification-black.png') }}"></a>
				<ul class="dropdown notification-selection">
					<h3 class="dropdown-title">{{ __("Notification") }}</h3>
					<div class="dropdown-list-item">
						<div class="dropdown-sidetext">
							<h4 class="dropdown-subtitle">{{ __("Service Chat") }}</h4>
						</div>
						<ul class="dropdown-list">
							<li class="w-100">
								<div class="item-list">
									<img src="{{ asset('themes/tailwind/images/message-icon.png') }}">
									<span class="w-100">{{ __("You got a new reply!") }}</span>
									<a href="#">{{ __("Check") }}</a>
								</div>
							</li>
						</ul>
					</div>
					<div class="dropdown-list-item">
						<div class="dropdown-sidetext">
							<h4 class="dropdown-subtitle">{{ __("Bookkeeping Queue") }}</h4>
						</div>
						<ul class="dropdown-list">
							<li class="w-100">
								<div class="item-list">
									<img src="{{ asset('themes/tailwind/images/jpg.svg') }}">
									<span class="w-100">ABC Ltd_202301Bank statement_... <i class="success item-list-note font-bold">{{ __("Entry Completed") }}</i></span>
									<a href="#">{{ __("Check") }}</a>
								</div>
							</li>
							<li class="w-100">
								<div class="item-list">
									<img src="{{ asset('themes/tailwind/images/jpg.svg') }}">
									<span class="w-100">CED Ltd_202301Bank statement_... <i class="success item-list-note font-bold">{{ __("Entry Completed") }}</i></span>
									<a href="#">{{ __("Check") }}</a>
								</div>
							</li>
						</ul>
					</div>
					<div class="dropdown-list-item">
						<div class="dropdown-sidetext">
							<h4 class="dropdown-subtitle">{{ __("Com Sec Service Queue") }}</h4>
						</div>
						<ul class="dropdown-list">
							<li class="w-100">
								<div class="item-list">
									<img src="{{ asset('themes/tailwind/images/jpg.svg') }}">
									<span class="w-100">Copy of Lee HKID <i class="item-list-note success font-bold">{{ __("Entry Completed") }}</i></span>
									<a href="#">{{ __("Check") }}</a>
								</div>
							</li>
							<li class="w-100">
								<div class="item-list">
									<img src="{{ asset('themes/tailwind/images/pdf.svg') }}">
									<span class="w-100">Copy of DCE Ltd.CI <i class="failed item-list-note font-bold">{{ __("Failed") }}</i></span>
									<a href="#">{{ __("Check") }}</a>
								</div>
							</li>
						</ul>
					</div>
				</ul>
			</li>
			<li>
				<a href="{{ route('settings-main') }}"><img src="{{ asset('themes/tailwind/images/setting-black.png') }}"></a>
			</li>
		</ul>
	</div>
</div>
