@include('includes.main.header')

<title>Jucatori</title>

<meta name="keywords" content="real football manager, real club manager, proiect socios, model socios, concept, socios, suporteri, fani, football management, football manager, real football manager, football, manager, management, fotbal, , management, socios fotbal, SUPPORTER 2.0, club">

<meta name="description" content="Un concept socios nou, UN SISTEM DE MANAGEMENT AL UNUI CLUB DE FOTBAL, care poate organiza comunicarea dintre zeci de mii de suporteri finantatori ( MANAGERI ) si angajatii unui club, cu scopul de a genera decizii incontestabile, asumate de majoritatea finantatorilor.">


<style>
    .editable-text-border
    {
        width : 100%;
    }
</style>
<!--Work-Starts-Here-->
	 <!-- content-section-starts -->
	 <div class="gallery-content">
	 <div class="container" style="background-color:white; opacity:0.9;">
		<div class="gallery-content-head text-left">
			<h3>JUCATORI</h3>
                   
                        
		</div>
			<div class="section group">
				<div class="col-xs-12 no-padding margin-t-5">
                                    
                                    <div class="col-xs-12 margin-t-10 ">
                                        <div class="col-xs-12 error" style="margin-bottom:5px;display: none">
                                            
                                        </div>
                                        <div class="col-xs-12">
                                            @if (!empty($players))
                                                @foreach($players AS $player)
                                                <a href="/player/{{$player['UUID']}}" class="col-xs-12 player-container">
                                                    <div class="col-xs-12 col-sm-4 col-md-2">
                                                        <div class="img-container">
                                                        <img src="/uploads/player/{{$player['photo']}}" style="max-width:80px"/>
                                                        </div>
                                                    </div>
                                                    <div class="player-name col-xs-12 col-sm-4 col-md-6">
                                                        <div class="no-padding col-xs-12 col-md-6">
                                                            <div class="col-xs-12">{{$player['name']}}</div>
                                                            @if ($player->dob != '')
                                                            <div class="col-xs-12 player-dob">{{date("d M Y", strtotime($player['dob']))}}</div>
                                                            @endif
                                                            <div class="col-xs-12 player-tshirt-number">Numar de tricou : {{$player['tshirt_number']}}</div>
                                                        </div>
                                                        <div class="no-padding col-xs-12 col-md-6 position-container" data-player="{{$player['UUID']}}">
                                                            Loading Positions.....
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-12 col-sm-4 col-md-4  player-availability-container">
                                                        <div class="col-xs-12">Status : {{$player['status']}}</div>
                                                        <div class="col-xs-12 player-rating-div" data-id="{{$player['UUID']}}">Player Rating : Loading....</div>
                                                        <div class="col-xs-12 player-value">Valoare jucator : {{$player['value']}}</div>
                                                    </div>
                                                </a>
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
				</div>
				
			</div> 	
			
   </div>
</div>
         <!-- Modal -->

<script>
    $(document).ready(function(){
        $('#btn-edit').click(function(){
           $('.editable-text-border1').addClass('editable-text-border');
           $('#account-table tfoot').show();
        });
        
        $('.position-container').each(function(i, value){
            var playerID = $(value).attr('data-player');
            $.get('/api/v1/player/' + playerID + '/positions', function(res){
              //  var res = xhr.responseJSON;
                var html = '';
                $(res).each(function(i, value){
                    html+= value.name + ' (' + value.short_form + ')<br/>';
                });
                $(value).html(html);
            },'json');
        });

        $('.player-rating-div').each(function(i, value){
            var playerID = $(value).attr('data-id');
            $.get('/api/v1/player/' + playerID + '/ratings/current', function(res){
                console.log(res.toFixed(2));
                $(value).text('Player Ratings : ' + res.toFixed(2));
            })
        });
    });
</script>
	 <!-- content-section-ends -->
@include('includes.main.footer')