<div id="assignTaskModal" class="modal nadeem_hide fade container" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-content">
		<div class="modal-header">
			<button type="button" class="close fade" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 class="modal-title">Assign a task to this project</h3>
		</div>
		<div class="modal-body">
			<div class="row">
				<div class="col-sm-8">
					<tabset data-type="navType" vertical="false" direction="right">
						<tab data-ng-repeat="tab in pills" heading="{[{ tab.title }]}" active="tab.active" select="selected_filter = $index"></tab>
					</tabset>
				</div>
				<div class="col-sm-4">
					<div class="input-group">
						<input type="text" class="form-control" name="q" data-ng-model="search_filter" placeholder="Search...">
						<span class="input-group-btn">
							<button class="btn"><i class="fa fa-search"></i></button>
						</span>
					</div>
				</div>
			</div>
			<table class="table table-striped">
				<tbody>
					<tr data-ng-repeat="task in tasks">
						<td><input type="checkbox" name="task_id[]" data-ng-model="task.selected"></td>
						<td><strong>{[{ task.id }]}</strong></td>
						<td><span class="label label-warning">{[{ task.type }]}</span></td>
						<td>{[{ task.title }]}</td>
						<td>{[{ task.client.name }]}</td>
						<td>{[{ task.status.name }]}</td>
						<td><span class="label label-info">{[{ task.user.name }]}</span></td>
						<td>{[{ task.created_at | calendar }]}</td>
					</tr>
				</tbody>
			</table>
			<div data-paginator="paginator"></div>
			<p data-ng-show="tasks.length == 0">
				No tasks were found.
			</p>
		</div>
		<div class="modal-footer">
			<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
			<button class="btn btn-primary" data-ng-disabled="selectedCount() == 0" data-ng-click="assign()">Assign selected</button>
		</div>
	</div>
</div>