<div class="bootstrap-wrapper gamification">
	<div wizdom365-spinner="" loading="loading"></div>
	<div ng-hide="loading">
		<div class="row">
			<div class="col-md-12">
				<h3 class="text-center">{{'Balance' |translate}} {{tournament.currentUser.balance}}, {{'start amount' | translate}} {{tournament.amount}}</h3>
				<hr />
				<br />
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<ul class="nav nav-pills">
					<li data-ng-class="{active: displayMode==1}"><a ng-click="displayMode = 1" href="">{{'Main' |translate}}</a></li>
					<li data-ng-class="{active: displayMode==2}"><a ng-click="displayMode = 2" href="">{{'Results' | translate}}</a></li>
					<li data-ng-class="{active: displayMode==3}"><a ng-click="displayMode = 3" href="">{{'My history' | translate}}</a></li>
				</ul>
			</div>
		</div>
		<br />
		<div>
			<div ng-show="displayMode == 1" wizdom-include="'Gamification/Templates/Tournament/tournamentViewMain.html'"></div>
			<div ng-show="displayMode == 2" wizdom-include="'Gamification/Templates/Tournament/tournamentViewResults.html'"></div>
			<div ng-show="displayMode == 3" wizdom-include="'Gamification/Templates/Tournament/tournamentViewMyHistory.html'"></div>
		</div>
	</div>
</div>