<div class="site-header">
	<nav class="navbar navbar-dark">
		<ul class="nav navbar-nav">
			<li class="nav-item m-r-1 hidden-lg-up">
				<a class="nav-link collapse-button" href="#">
					<i class="ti-menu"></i>
				</a>
			</li>
		</ul>
		<ul class="nav navbar-nav float-xs-right">
			<li class="nav-item dropdown">
				<a class="nav-link" href="#" data-toggle="dropdown" aria-expanded="false">
					<div class="avatar box-32">
						<img src="{{img(Auth::guard('account')->user()->picture)}}" alt="">
					</div>
				</a>
				<div class="dropdown-menu dropdown-menu-right animated flipInY">
					<a class="dropdown-item" href="{{route('account.profile')}}">
							<i class="ti-user mr-0-5"></i> @lang('admin.profile')
					</a>
					<a class="dropdown-item" href="{{route('account.password')}}">
						<i class="ti-settings mr-0-5"></i> @lang('admin.change_password')
					</a>
					<div class="dropdown-divider"></div>
					<a class="dropdown-item" href="{{ url('/account/logout') }}"
                        onclick="event.preventDefault();
                                 document.getElementById('logout-form').submit();"><i class="ti-power-off mr-0-5"></i> @lang('admin.sign_out')</a>
				</div>
			</li>
			
		</ul>
		<div class="navbar-toggleable-sm collapse" id="collapse-1">
			<ul class="nav navbar-nav">
				<li class="nav-item hidden-sm-down">
					<a class="nav-link toggle-fullscreen" href="#">
						<i class="ti-fullscreen"></i>
					</a>
				</li>
			</ul>
		</div>
	</nav>
</div>