@extends('layout')

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

	<div class="page-header row">
		<div class="col-md-6">
			<h3>Players</h3>
		</div>
		<div class="col-md-6 text-right">
			@if(Auth::user()->privilege == 3)
			<button class="btn btn-primary" ng-click="addExistingPlayer()"><i class="icons icon-plus"></i> Add Existing Player</button>
			@endif
			<a class="btn btn-primary" href="{{ url('register-player/step0') }}"><i class="icons icon-plus"></i> Add New Player</a>
		</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 form-group">
							<label class="label-control">Sport Id</label>
							<input type="text" class="form-control" ng-model="filter.unique_id">
						</div>
						<div class="col-md-2 form-group">
							<label class="label-control">Name</label>
							<input type="text" class="form-control" ng-model="filter.player_name">
						</div>
						<div class="col-md-3 form-group">
							<label class="label-control">DOB</label>
							<div>
								<input type="text" placeholder="DOB Start" class="form-control datepicker" ng-model="filter.dob_start" style="width: 48%; display: inline-block;">
								<input type="text" placeholder="DOB End" class="form-control datepicker" ng-model="filter.dob_end" style="width: 48%; display: inline-block;">
							</div>
						</div>
						<div class="col-md-2 form-group">
							<label class="label-control">Gender</label>
							<select class="form-control" ng-model="filter.gender">
								<option value="">Select</option>
								<option ng-repeat="gender in genders" value="@{{gender.value}}">@{{gender.label}}</option>
							</select>
						</div>
						<div class="col-md-2 form-group">
							<label class="label-control">State</label>
							<select class="form-control" ng-model="filter.state_id">
								<option value="">Select</option>
								<option ng-repeat="state in states" value="@{{state.id}}">@{{state.state_name}}</option>
							</select>
						</div>
						<div class="col-md-2 form-group">
							<label class="label-control">Club</label>
							<select class="form-control" ng-model="filter.club_id">
								<option value="">Select</option>
								<option ng-repeat="club in clubs" value="@{{club.id}}">@{{club.club_name}}</option>
							</select>
						</div>
					</div>
					<div>
						<button ng-click="searchList()" class="btn btn-primary" ng-disabled="searching">Apply <span ng-show="searching" class="spinner-border spinner-border-sm"></span></button>
						<button ng-click="clearFilter()" class="btn btn-danger" ng-disabled="clearing">Clear <span ng-show="clearing" class="spinner-border spinner-border-sm"></span></button>
					</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 details 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="player in dataset track by $index">
							<td>@{{ $index + 1 }}</td>
							<td>@{{player.unique_id}}</td>
							<td>@{{player.name}}</td>
							<td>
								@{{player.dob}}
								<span ng-if="player.dob_icon" class="icon-span @{{ player.dob_icon }}"></span>
							</td>
							<td>@{{player.gender_name}}</td>
							<td>@{{player.state_name}}</td>
							<td>
								<span ng-if="player.aadhar_verified == 1">Yes</span>
								<span ng-if="player.aadhar_verified != 1">No</span>
							</td>
							<td><a href="" ng-click="stausLogs(player.id)">@{{player.current_status}}</a></td>
							<td class="text-right">
								<a target="_blank" href="{{ url('player-profile') }}/@{{player.id}}" class="btn-light btn btn-sm" target="blank">Profile</a>
								<button ng-if="player.status != 2 && player.can_delete" class="btn btn-danger btn-sm" ng-click="delete(player.id)">Delete</button>

								@if(Auth::user()->privilege == 3)
								<button class="btn btn-danger btn-sm" ng-click="deleteMapping(player.id)">Remove</button>
								@endif
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	@include('tournament.players.modal')
	@include('player.inc.modal')
</div>
@endsection