@extends('layout')

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

	<div class="page-header row">
		<div class="col-md-6">
			<h3>Tournaments</h3>
		</div>
		<div class="col-md-6 text-right">
			@if(Auth::user()->privilege == 1 || Auth::user()->privilege == 2)
			<button class="btn btn-primary" ng-click="addTournament()">Add New</button>
			@endif
		</div>
	</div>
		
	<div class="portlet">

		<div class="portlet-body no--pad ng-cloak">
			<div table-paginate></div>

			<div class="filters" ng-if="filter.show">
				<form name="filterForm" ng-submit="" novalidate>
					<div class="row" style="font-size: 14px">
						
						<div class="col-md-2">
                            <div class="form-group">
                                <label>Tournament Name</label>
                                <input type="text" class="form-control" ng-model="filter.name">
                            </div>
                        </div>


                        <div class="col-md-2 form-group">     
							<button ng-click="searchList()" class="btn btn-primary" style="margin-top: 25px;">Apply</button>
                        </div>

					</div>
				</form>
			</div>

			<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 tournaments found"])
			</div>

			<div class="table-cont" ng-if="dataset.length > 0">

				<table class="table">
					<thead>
						<tr>
							<th>SN</th>
							<th></th>
							<th>Name</th>
							<th>Duration</th>
							<th>Venue</th>	
							<th class="text-right">#</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="tournament in dataset track by $index">
							<td>@{{ $index + 1 }}</td>
							<td class="text-center">
								@if(Auth::user()->privilege == 1 || Auth::user()->privilege == 2)
									<a href="{{ url('/tournaments/edit/') }}/@{{tournament.id}}">
								@else
									<a href="{{ url('/tournaments/manage/') }}/@{{tournament.id}}">
								@endif
									<img src="@{{ tournament.logo }}" style="height: 36px;">
								</a>
							</td>
							<td>
								@if(Auth::user()->privilege == 1 || Auth::user()->privilege == 2)
									<a href="{{ url('/tournaments/edit/') }}/@{{tournament.id}}">
								@else
									<a href="{{ url('/tournaments/manage/') }}/@{{tournament.id}}">
								@endif
									@{{ tournament.name }}
								</a>
							</td>
							<td>
								@{{tournament.start_date}} to @{{tournament.end_date}}
							</td>
							<td>
								@{{tournament.venue}}
							</td>
							<td>
								@if(Auth::user()->privilege == 1 || Auth::user()->privilege == 2)
									<a href="{{ url('/tournaments/edit/') }}/@{{tournament.id}}">
										<i class="icons icon-arrow-right"></i>
									</a>
								@else
									<a href="{{ url('/tournaments/manage/') }}/@{{tournament.id}}">
										<i class="icons icon-arrow-right"></i>
									</a>
								@endif
							</td>
						</tr>
					</tbody>
				</table>
			</div>

		</div>
	</div>
	
	@include("tournament.modal")

</div>
@endsection