@extends('layout')

@section('content')
<div class="" ng-controller="UserTournamentController" ng-init="getList();">

	<div class="page-header row">
		<div class="col-md-6">
			<h3>Tournaments</h3>
		</div>
		<div class="col-md-6 text-right">
		</div>
	</div>
		
	<div class="portlet">
		<div class="portlet-head">
			<div class="row">
				<div class="col-md-6 col-6">
					<ul class="menu">
						<li class="active mob-hi">
							<a href="#">Active Tournaments</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="portlet-body ng-cloak">
			<div ng-if="loading" class="text-center mt-5 mb-5">
		      <div class="spinner-grow" role="status">
		        <span class="sr-only">Loading...</span>
		      </div>
		    </div>

		    <div ng-if="dataset.length == 0 && !loading">
				@include('common.no_found',["message" => "No details found"])
			</div>
			
			<div class="table-cont">
				<table class="table">
					<thead>
						<tr>
							<th>SN</th>
							<th>Tournament Name</th>
							<th>Start Date</th>
							<th>End Date</th>
							<th class="text-right">#</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="tournament in dataset track by $index">
							<td>@{{ $index + 1 }}</td>
							<td>@{{tournament.tournament_name}}</td>
							<td>@{{tournament.start_date}}</td>
							<td>@{{tournament.end_date}}</td>
							<td class="text-right"><a href="{{url('/user-tournament/manage')}}/@{{tournament.tournament_id}}" class="btn btn-primary">Manage</a></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
@endsection