<ol class="breadcrumb">
	<li class="active">Kampioenschappen</li>
</ol>

<div class="row">
	<div class="visible-sm-block visible-xs-block col-sm-12 col-xs-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">Voeg kampioenschap toe</h3>
			</div>
			<div class="panel-body">
				<div class="input-group input-group-sm">
					<span class="input-group-addon" id="sizing-addon2">Naam</span>
					<input type="text" class="form-control" aria-describedby="sizing-addon2" ng-model="newchampionship.name">
					<span class="input-group-btn">
						<button type="button" class="btn btn-success" ng-click="addChampionship(newchampionship);">Toevoegen</button>
					</span>
				</div>
			</div>
		</div>
	</div>
	<div class="col-md-7 col-xs-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">Kampioenschappen</h3>
			</div>
			<div class="panel-body">
				<table class="table table-striped table-condensed">
					<tr><th>Naam</th><th>Acties</th></tr>
					<tr ng-repeat="championship in championships">
						<td>{{championship.name}}</td>
						<td>
							<a class="btn btn-info btn-sm" href="#/championship/{{championship.idchampionship}}/poules">Bekijk poules</a>
							<a class="btn btn-info btn-sm" href="#/championship/{{championship.idchampionship}}/teams">Bekijk teams</a>
							<a class="btn btn-info btn-sm" href="#/championship/{{championship.idchampionship}}/overview">Overzicht</a>
							<button class="btn btn-danger btn-sm" ng-click="deleteChampionship(championship);" tooltip="Verwijderen!">
								<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
							</button>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
	<div class="col-md-5 hidden-sm hidden-xs">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">Voeg kampioenschap toe</h3>
			</div>
			<div class="panel-body">
				<div class="input-group input-group-sm">
					<span class="input-group-addon" id="sizing-addon2">Naam</span>
					<input type="text" class="form-control" aria-describedby="sizing-addon2" ng-model="newchampionship.name">
					<span class="input-group-btn">
						<button type="button" class="btn btn-success" ng-click="addChampionship(newchampionship)">Toevoegen</button>
					</span>
				</div>
			</div>
		</div>
	</div>
</div>
