<!-- Nav tabs -->
<ul class="nav flex-column p-3" role="tablist" id="nav-tabs" ng-cloak="">
	<li class="nav-item" role="presentation" ng-show="ctrl.project_perms.can_view_tasks" ng-class="{active: ctrl.tab==='overviewTab'}">
		<a class="nav-link" href="#/overviewTab" aria-controls="overviewTab">
			<txt lmsg="projects.project.overview">[Project Overview]</txt>
		</a>
	</li>
	<li class="nav-item" role="presentation" ng-show="ctrl.project_perms.can_view_tasks" ng-class="{active: ctrl.tab==='tasksTab'}">
		<a class="nav-link" href="#/tasksTab" aria-controls="taskTab">
			<txt lmsg="projects.project.tasks">[Tasks]</txt>
			<span class="badge badge-light float-right" ng-if="ctrl.tabCounts.taskCount > 0">{{ctrl.tabCounts.taskCount}}<span ng-if="ctrl.tabCounts.totalTaskCount > 0"> of {{ctrl.tabCounts.totalTaskCount}}</span></span>
		</a>
	</li>
	<li class="nav-item" role="presentation" name="teamTab" ng-show="ctrl.project_perms.can_view_team" ng-class="{active: ctrl.tab==='teamTab'}">
		<a class="nav-link" href="#/teamTab" aria-controls="teamTab">
			<txt lmsg="projects.project.team">[Team]</txt>
			<span class="badge badge-light float-right" ng-if="ctrl.tabCounts.teamCount > 0">{{ctrl.tabCounts.teamCount}}</span>
		</a>
	</li>
	<li class="nav-item" role="presentation" ng-show="ctrl.project_perms.can_view_discussion" ng-class="{active: ctrl.tab==='discussionTab'}">
		<a class="nav-link" href="#/discussionTab" aria-controls="discussionTab"><txt lmsg="projects.project.topics">[Topics]</txt></a>
	</li>
	<li class="nav-item" role="presentation" ng-show="ctrl.project_perms.can_view_files || ctrl.project_perms.can_manage_files" ng-class="{active: ctrl.tab==='filesTab'}">
		<a class="nav-link" href="#/filesTab" aria-controls="filesTab">
			<txt lmsg="projects.project.files">[Files]</txt>
			<span class="badge badge-light float-right" ng-if="ctrl.tabCounts.fileCount > 0">{{ctrl.tabCounts.fileCount}}</span>
		</a>
	</li>
	<li class="nav-item" role="presentation" ng-show="ctrl.project_perms.can_view_tasks" ng-class="{active: ctrl.tab==='historyTab'}">
		<a class="nav-link" href="#/historyTab" aria-controls="historyTab">
			<txt lmsg="projects.project.history">[History]</txt>
		</a>
	</li>
</ul>
