<div class="navbar navbar-inverse task-navbar" data-spy="affix" data-offset-top="50">
	<div class="container-fluid" style="background-color: #d9edf7;">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#pickup-navbar-collapse" aria-expanded="false">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<span class="navbar-brand" style="color: #31708f;">
				<i class="fa fa-download"></i> Pickup Task {!! $task->id !!} -
				<span class="text-success" ng-show="data.picked_up_at"><i class="fa fa-check"></i> Picked up</span>
				<span ng-show="!data.picked_up_at">Pending pickup</span>
			</span>
		</div>

		<div class="collapse navbar-collapse" id="pickup-navbar-collapse">
			<div class="nav navbar-nav navbar-form">
				<button type="button" class="btn btn-success" ng-show="!data.picked_up_at" ng-click="markPickedUp()">Pickup done</button>
				<button type="button" class="btn btn-danger" ng-show="!data.picked_up_at" ng-click="cancelPickup()">Pickup cancelled</button>
			</div>

			<ul class="nav navbar-nav navbar-right">
				<li class="dropdown">
					<a href="#" data-toggle="dropdown" style="color: #31708f;" data-eat-click>Pickup by: {[{ getUserName(data.pickup_by) }]}<span class="caret"></span></a>
					<ul class="dropdown-menu dropdown-menu-arrow">
						<li class="disabled"><a href="#"><b>Assign pickup to:</b></a></li>
						<li>
							<ul class="dropdown-menu scroll-menu">
								<li ng-repeat="user in users" ng-class="{active: data.pickup_by == user.id}"><a tabindex="-1" href="#" ng-click="updateValue({pickup_by: user.id})" ng-bind="user.name" data-eat-click></a></li>
							</ul>
						</li>
					</ul>
				</li>
			</ul>
		</div>

	</div>
</div>
