@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>Sport Id</th>
							<th>Name</th>
							<th>Date Of Birth</th>
							<th>Gender</th>
							<th>State</th>
							<th>Aadhar Verified</th>
							<th>Status</th>
							<th class="text-right">#</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="tournament in dataset track by $index">
							<td>@{{ $index + 1 }}</td>
							<td>
								<div class="img" style="background-image: url(@{{ tournament.logo }});">
								</div>
							</td>
							<td>
								@{{ tournament.name }}
							</td>
							<td></td>
						</tr>
					</tbody>
				</table>
				<div class="col-md-4" >
					
					<div class="t-card">
						@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
							<div class="tournament--div">
								<div class="row">
									<div class="col-4">
										
									</div>
									<div class="col-8">
										<div class="name">
											<h2>@{{ tournament.name }}</h2>
											<div class="" ng-if="tournament.start_date">
												<i class="icons icon-calendar"></i>
												@{{tournament.start_date}} to @{{tournament.end_date}}
											</div>
											<div class="" ng-if="tournament.venue">
												Venue - @{{tournament.venue}}
											</div>
										</div>	
									</div>
								</div>
							</div>
						</a>
					</div>

				</div>
			</div>

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

</div>
@endsection