@extends('layout')

@section('content')
    <div  ng-controller="UserDashboardController" class="container ng-cloak" ng-init="init();" style="margin-top: 20px">
        <div class="row">
            <div class="col-md-6" ng-repeat="player in players">
            	<div class="player-card" ng-click="playerCard(player.url)">
                    
                    <div class="top-row">
                        <div class="row">
                            <div class="col-6">
                                <div class="info">
                                    <label style="margin-bottom: 0">Sports ID</label>
                                    @{{ player.unique_id }}
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="info text-right" >
                                    @{{ player.status_name }}
                                </div>
                            </div>
                        </div>
                    </div>  

                    <div class="player-info">
                        <div class="row h-100">
                            <div class="col-4">
                                <div class="pl-img" style="background: url('@{{player.pic}}'); background-size: cover;">
                                </div>
                            </div>
                            <div class="col-8">
                                <h2>@{{ player.name ? player.name : "Profile Not Completed" }}</h2>
                                <div class="info" ng-if="player.dob">
                                    <label>Gender</label>
                                    @{{ player.gender_name }}
                                </div>
                                <div class="info" ng-if="player.dob">
                                    <label>DOB</label>
                                    @{{ player.dob }}
                                </div>
                                <div class="info" ng-if="player.guardian_name">
                                    <label>Guardian Name</label>
                                    @{{ player.guardian_name }}
                                </div>
                                <div class="info" >
                                    <label>Aadhar Verified</label>
                                    @{{ player.aadhar_verified == 1 ? 'Yes' : 'No' }}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="bot-row status-@{{ player.status }}">
                        @{{ player.action_name }}
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="player-card-dummy h-100">
                    <a href="{{ url('register-player/step0') }}">
                        Add New Player
                    </a>
                </div>
            </div>

        </div>
    </div>
@endsection

@section('footer_scripts')

@endsection