@extends('layout')

@section('content')
<div class="ng-cloak" ng-controller="TournamentController" ng-init="init({{$tournament->id}}, {{ $team_id }})">

	<div class="page-header row " style="margin-bottom: 0;">
		<div class="col-md-8">
			<h3>Tournament  : {{$tournament->name}}</h3>
		</div>
		<div class="col-md-4 text-right">
			<a href="{{url('tournaments')}}" class="btn btn-dark">Go Back</a>
		</div>
	</div>
		
	<div class="portlet ng-cloak">
		<div class="portlet-head" style="padding-left: 0;">

			<ul class="menu">

				<li class="@{{switchContent == 'details'?'active':''}}">
	        		<a href="" ng-click="switchContentType('details')">Details</a>
	      		</li>

	      		<li class="@{{switchContent == 'age_group'?'active':''}}">
	        		<a href="" ng-click="switchContentType('age_group')">Age Groups</a>
	      		</li>

	      		<li class="@{{switchContent == 'teams'?'active':''}}">
	        		<a href="" ng-click="switchContentType('teams')">Teams</a>
	      		</li>

	      		<li class="@{{switchContent == 'stages'?'active':''}}">
	        		<a href="" ng-click="switchContentType('stages')">Stages</a>
	      		</li>

	      		<li class="@{{switchContent == 'venues'?'active':''}}">
	        		<a href="" ng-click="switchContentType('venues')">Venues</a>
	      		</li>

	      		<li class="@{{switchContent == 'fixtures'?'active':''}}">
	        		<a href="" ng-click="switchContentType('fixtures')">Fixtures</a>
	      		</li>

	      		<li class="@{{switchContent == 'points_table'?'active':''}}">
	        		<a href="" ng-click="switchContentType('points_table')">Points Table</a>
	      		</li>

	      		<li class="@{{switchContent == 'statistics'?'active':''}}">
	        		<a href="" ng-click="switchContentType('statistics')">Statistics</a>
	      		</li>

	      		<li class="@{{switchContent == 'tournament_documents'?'active':''}}">
	        		<a href="" ng-click="switchContentType('tournament_documents')">Tournament Documents</a>
	      		</li>

	      		<li class="@{{switchContent == 'share_tournament'?'active':''}}">
	        		<a href="" ng-click="switchContentType('share_tournament')">Share Tournament</a>
	      		</li>

			</ul>
		</div>


		<div class="portlet-body top--pad">
			<div ng-if="switchContent == 'details'">
				@include('tournament.detail')
			</div>
			<div ng-if="switchContent == 'age_group'">
				@include('tournament.age_group')
			</div>
			<div ng-if="switchContent == 'teams'">
				@include('tournament.team')
			</div>
			<div ng-if="switchContent == 'stages'">
				@include('tournament.stage')
			</div>
			<div ng-if="switchContent == 'venues'">
				@include('tournament.venue')
			</div>
			<div ng-if="switchContent == 'fixtures'">
				@include('tournament.fixture')
			</div>
			<div ng-if="switchContent == 'points_table'">
				@include('tournament.point_table')
			</div>
			<div ng-if="switchContent == 'statistics'">
				@include('tournament.statistics.index')
			</div>
			<div ng-if="switchContent == 'tournament_documents'">
				@include('tournament.tournament_document')
			</div>
			<div ng-if="switchContent == 'share_tournament'">
				@include('tournament.share_tournament')
			</div>
			
		</div>
	</div>
</div>

@endsection