<nav class="navbar-expand-lg navbar tp-header">
	<span class="menu-toggler" id="menu-toggle">
		<span class="line"></span>
	</span>
	<a href="{{ url('/') }}" target="_blank" class="view_website">{{ __('View Website') }}</a>
	
	<div class="dropdown ml-auto mt-0 mt-lg-0">
		<a href="javascript:void(0);" class="my-profile-info" data-toggle="dropdown">
			<div class="avatar">
				<img src="{{ Auth::user()->photo ? asset('public/media/'.Auth::user()->photo) : asset('public/backend/images/avatar.png') }}">
			</div>
			<div class="my-profile">
				<span>{{ Auth::user()->name }}</span>
				<span>{{ Auth::user()->email }}</span>
			</div>
		</a>
		<div class="dropdown-menu dropdown-menu-right my-profile-nav">
			@if (Auth::user()->role_id == 1)
			<a class="dropdown-item" href="{{ route('backend.profile') }}">{{ __('Profile') }}</a>
			@elseif (Auth::user()->role_id == 3)
			<a class="dropdown-item" href="{{ route('receptionist.profile') }}">{{ __('Profile') }}</a>
			@endif
			
			<a class="dropdown-item" href="{{ route('logout') }}"
				onclick="event.preventDefault();
				document.getElementById('logout-form').submit();">
				{{ __('Logout') }}
			</a>
			<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
				@csrf
			</form>
		</div>
	</div>
</nav>