<div class="navbar navbar-inverse task-navbar" data-spy="affix" data-offset-top="50">
	<div class="container-fluid qa-bar">
		<!-- 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="#task-navbar-collapse-1" 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">
				QA task {!! $task->id !!} -
				<span class="text-success"  ng-show="mainTask.completed && mainTask.passed_qa"><i class="fa fa-check"></i> Passed QA </span>
				<span class="text-danger"   ng-show="mainTask.completed && !mainTask.passed_qa"><i class="fa fa-times"></i> Failed QA</span>
			</span>
		</div>

		<div class="collapse navbar-collapse" id="task-navbar-collapse-1">
			<div class="nav navbar-nav navbar-form">
				<button class="btn btn-success" ng-show="!mainTask.completed" ng-click="quickAproveQA()"><i class="fa fa-thumbs-o-up"></i> Pass without a message</button>
				<button class="btn btn-success" ng-show="!mainTask.completed" ng-click="aproveQA()"><i class="fa fa-thumbs-o-up"></i> Passed QA</button>
				<button class="btn btn-danger" ng-show="!mainTask.completed" ng-click="declineQA()"><i class="fa fa-thumbs-o-down"></i> Failed QA</button>

				@if ($task->type == 'repair')
					<a href="{!! URL::asset('/files/QA_Repairs.pdf') !!}" target="_blank" class="btn btn-default"><i class="fa fa-download"></i> QA Checklist</a>
				@endif
			</div>

			<ul class="nav navbar-nav navbar-right">
				<li>
					<button class="btn btn-default" ng-show="mainTask.needs_calling" ng-click="customerCalled()"> Customer called </button>
				</li>
				<li class="dropdown">
					<a href="#" data-toggle="dropdown" class="text-muted" data-eat-click>{[{ mainTask.user.name || 'No one' }]}<span class="caret"></span></a>
					<ul class="dropdown-menu dropdown-menu-arrow">
						<li class="disabled"><a href="#"><b>Assign to:</b></a></li>
						<li>
							<ul class="dropdown-menu scroll-menu">
								<li ng-class="{active: !mainTask.assigned_to}"><a tabindex="-1" href="#" ng-confirm-click="Are you sure you want to unassign this job and place it back in the queue?" confirmed-click="unassign()" class="text-warning">No one - Queue</a></li>
								<li ng-repeat="user in users" ng-class="{active: mainTask.assigned_to == user.id}"><a tabindex="-1" href="#" ng-click="updateValue({assigned_to: user.id})" ng-bind="user.name" data-eat-click></a></li>
							</ul>
						</li>
					</ul>
				</li>
			</ul>
		</div>

	</div>
</div>