<div class="task-group-inner">
	<p>This task is part of a project <a href="{!! URL::to('projects') !!}/{[{ projectId }]}" class="label label-danger" style="font-weight: normal;" tooltip="Click to open the project" tooltip-placement="bottom">#{[{ projectId }]}</a>.</p>
	<table class="table table-striped" ng-if="project.tasks && project.tasks.length > 0">
		<tbody>
			<tr ng-repeat="task in project.tasks">
				<td><a href="{!! URL::to('tasks') !!}/{[{ task.id }]}">{[{ task.id }]}</a></td>
				<td>{[{ task.title }]}</td>
				<td>{[{ task.user.name }]}</td>
				<td>{[{ task.status.name }]}</td>
				<td><i class="fa fa-clock-o" tooltip="{[{ task.created_at }]}" tooltip-placement="left"></i></td>
			</tr>
		</tbody>
	</table>

	<p ng-if="! project.tasks || project.tasks.length == 0">
		The project doesn't have any tasks at the moment.
	</p>
</div>