@extends('layout')

@section('content')
<div class="ng-cloak" ng-controller="PlayerProfileController" ng-init="player_id = {{$player_id}}; init(); ">

	<div class="container">
		<div class="page-header row">
			<div class="col-md-6">
				<h3>Player Profile</h3>
			</div>
			<div class="col-md-6 text-right">
				<a href="{{ url('/download-id/') }}/@{{player.unique_id}}" class="btn btn-primary " ng-if="player.status == 2" target="_blank">Download ID Card</a>
					
				<button class="btn btn-primary" ng-if="player.aadhar_verified == 0 && player.is_indian == 1" ng-click="getAadhaar(player.id)">Verify Aadhaar</button>

				<a href="{{ url('change-photo/') }}/@{{player.id}}" class="btn btn-primary ">Re-take Photo</a>
				
				<a href="{{ url('player-edit/') }}/@{{player.id}}" class="btn btn-primary " ng-if="player.can_edit">Edit</a>
			</div>
		</div>

		<div class="row">
			<div class="col-md-7">
				@include("player.inc.profile")
			</div>
			<div class="col-md-5">
				@include("player.inc.documents")
			</div>
			<div class="col-md-12" ng-if="player.player_changes.length > 0">
				<div class="my-4">
					<h5>Photographs</h5>
				</div>
				<div class="row">
					<div class="col-md-2 mb-4 text-center player-img-box" ng-repeat="pl in player.player_changes track by $index">
						<img ng-src="@{{ pl.field_value }}" />
						<p>@{{pl.created_at}}</p>
					</div>
				</div>
			</div>
		</div>

		<div class="row" ng-if="player.status">
			<div class="col-md-12">
				<div class="player-card full">
					<div class="player-info">
						@include("player.inc.profile_status")
					</div>
				</div>
			</div>
		</div>

		<!-- @@include("player.inc.stats") -->

		<div class="row hidden">
			<div class="col-md-7">
				
			</div>
			<div class="col-md-5">
				<!-- @@include("player.inc.logs") -->
			</div>
		</div>

	</div>
	@include('player.inc.modal')
</div>
@endsection