<div class="navbar navbar-inverse task-navbar" data-spy="affix" data-offset-top="50">
	<div class="container-fluid" style="background-color: #dff0d8;">
		<!-- 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="#delivery-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: #3c763d;">
				<i class="fa fa-truck"></i> Delivery Task {!! $task->id !!} -
				<span class="text-success" ng-show="data.delivered == '1'"><i class="fa fa-check"></i> Delivered</span>
				<span ng-show="data.delivered != '1'">Pending delivery</span>
			</span>
		</div>

		<div class="collapse navbar-collapse" id="delivery-navbar-collapse">
			<div class="nav navbar-nav navbar-form">
				<button type="button" class="btn btn-success" ng-show="data.delivered != '1'" ng-click="markDelivered()">Delivered</button>
				<button type="button" class="btn btn-danger" ng-show="data.delivered != '1'" ng-click="cancelDelivery()">Delivery cancelled</button>
			</div>

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

	</div>
</div>
