<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('dispatcher')->user()->picture)}}" alt="">
					</div>
				</a>
				<div class="dropdown-menu dropdown-menu-right animated flipInY">
					<a class="dropdown-item" href="{{route('dispatcher.profile')}}">
						<i class="ti-user mr-0-5"></i> @lang('admin.profile')
					</a>
					<a class="dropdown-item" href="{{route('dispatcher.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('/dispatcher/logout') }}"
                        onclick="event.preventDefault();
                                 document.getElementById('logout-form').submit();"><i class="ti-power-off mr-0-5"></i> @lang('admin.sign_out')</a>
				</div>
				<form id="logout-form" action="{{ url('/dispatcher/logout') }}" method="POST" style="display: none;">
                    {{ csrf_field() }}
                </form>
			</li>
		</ul>
		<div class="navbar-toggleable-sm collapse" id="collapse-1">
			<ul class="nav navbar-nav">
				<li class="nav-item">
					<a href="{{ route('dispatcher.dispatch.index') }}" class="buttons btn btn-rounded w-min-sm m-l-0-75 waves-effect waves-light site-sidebar-second-toggle" data-toggle="collapse">Add</a>
				</li>
				<li class="nav-item">
					<a href="{{ route('dispatcher.main') }}" class="buttons btn btn-rounded w-min-sm m-l-0-75 waves-effect waves-light">@lang('admin.triplist.trip_list')</a>
				</li>
				<li class="nav-item">
					<a href="{{ route('dispatcher.schedule') }}" class="buttons btn btn-rounded w-min-sm m-l-0-75 waves-effect waves-light">@lang('admin.triplist.scheduled_list')</a>
				</li>
			</ul>
		</div>
	</nav>
</div>