<div class="dropdown pull-right">
	<button ng-show="canSignupOthers || (isSignedup && canCancelSignup) || canWait || isOnWaitingList || canCreateSite || canCancel" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		<i class="ms-Icon ms-Icon--More"></i>
		{{'More' | translate}}
	</button>
	<ul class="dropdown-menu">
		<li ng-show="canSignupOthers">
			<a ng-click="signupOthers()" role="button">
				<span ng-if="courseInfo.enableWaitingList && courseInfo.numberOfParticipants >= courseInfo.maxNumberOfParticipants">
					<i class="ms-Icon ms-Icon--AddGroup"></i>
					{{ 'Signup others to waiting list' | translate}}
				</span>
				<span ng-if="courseInfo.numberOfParticipants < courseInfo.maxNumberOfParticipants">
					<i class="ms-Icon ms-Icon--PeopleAdd"></i>
					{{ 'Signup others' | translate}}
				</span>
			</a>
		</li>
		<li ng-show="canSignupOthers" role="separator" class="divider"></li>
		<li>
			<a ng-show="isSignedup && canCancelSignup" ng-click="cancelSignup()" role="button">
				<i class="ms-Icon ms-Icon--PeopleBlock"></i>
				{{'Cancel signup' | translate}}
			</a>
		</li>
		<li>
			<a ng-show="canWait" ng-click="addToWaitingList()" role="button">
				<i class="ms-Icon ms-Icon--TemporaryUser"></i>
				{{'Sign up to waiting list' | translate}}
			</a>
		</li>
		<li>
			<a ng-show="isOnWaitingList" ng-click="removeFromWaitingList()" role="button">
				<i class="ms-Icon ms-Icon--BlockContact"></i>
				{{'Remove from waiting list' | translate}}
			</a>
		</li>
		<li>
			<a ng-if="canCreateSite" ng-click="$parent.$parent.openNewSitePopup()" role="button" title="{{'Create course' | translate}}">
				<i class="ms-Icon ms-Icon--Add"></i>
				{{'Create' | translate}}
			</a>
		</li>
		<li>
			<a ng-if="canCreateSite" ng-click="$parent.$parent.copySiteConfirmDialog()" role="button">
				<i class="ms-Icon ms-Icon--ExploreContent"></i>
				{{'Copy' | translate}}
			</a>
		</li>
		<li>
			<a ng-if="canCancel" role="button" ng-click="$parent.$parent.cancel()">
				<i class="ms-Icon ms-Icon--Blocked2"></i>
				{{'Cancel' | translate}}
			</a>
		</li>
	</ul>
</div>

<a ng-show="canSignup" ng-click="signup()" class="btn btn-primary pull-right" role="button">
	<i class="ms-Icon ms-Icon--AddFriend"></i>
	{{'Signup' | translate}}
</a>
<a ng-show="canDelete" class="btn btn-danger pull-right" role="button" bs-popover data-auto-close="true" data-placement="bottom" data-template="CourseManagement/Templates/Popover/deletecourse.html">
	<i class="ms-Icon ms-Icon--Blocked2"></i>
	{{'Delete' | translate}}
</a>