@extends('layout')

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

	<div class="page-header row">
		<div class="col-md-6">
			<h3>Players</h3>
		</div>
		<div class="col-md-6 text-right">
			<button class="btn btn-primary" ng-click="addPlayer()"><i class="icons icon-plus"></i> Add Player</button>
		</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="#">List</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="portlet-body 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">Name</label>
							<input type="text" class="form-control" ng-model="filter.player_name">
						</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>
					</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>First Name</th>
							<th>Last Name</th>
							<th>Date Of Birth</th>
							<th>Gender</th>
							<th>Mobile</th>
							<th class="text-right">#</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="player in dataset track by $index">
							<td>@{{ $index + 1 }}</td>
							<td>@{{player.first_name}}</td>
							<td>@{{player.last_name}}</td>
							<td>@{{player.date_of_birth}}</td>
							<td>@{{player.gender == 1 ? "Male" : "Female"}}</td>
							<td>@{{player.mobile}}</td>
							<td class="text-right">
								<button class="btn-light btn btn-sm" ng-click="editPlayer(player)">Edit</button>
								<button class="btn btn-danger btn-sm" ng-click="delete(player, $index)">Delete</button>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	@include('tournament.players.modal')
</div>
@endsection