@extends('layouts.grid')
@section('content')
<script>
	$(document).ready(function(){
	    $(".team").click(function(event){

		   	var vButton		= '#' + event.target.id;
	    	var vContent	= '#' + event.target.id.substr(0,5);
			$(".teamcontainer").hide();
			$(vContent).show();
			var fed_div 	= '/team/' + $(vContent).attr("data-div-id") + '/ranking';
			var fed_text	= "#rnk-" + $(vContent).attr("data-team-cd");

			if ( $(vButton).data("filled") != 'YES')
			{
				$.ajax({
					method: 'POST',
					url: fed_div,
					success: function(response){
						$(fed_text).append(response);
					    $(vButton).data("filled", "YES");
					},
					error: function(jqXHR, textStatus, errorThrown) {
						console.log(JSON.stringify(jqXHR));
						console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
					}
				});
			}
	    });
	    $("#eur-A-btn").click() ;
	});
</script>
<div>
	<table width="100%">
		<tr>
			@foreach ($teams as $team)
			<th>
				<input	type  = "button"
						id	  = "eur-{{ $team->team_code }}-btn"
						class = "team"
						value = "Euroclub {{ $team->team_code }}"
				>
			</th>
			@endforeach
		</tr>
	</table>
</div>
<div>
	@foreach ($teams as $team)
	<div 	class="teamcontainer"
			id="eur-{{$team->team_code}}"
			style="display: none;"
			data-team-cd="{{ $team->team_code }}"
			data-div-id="{{ $team->div_fed }}"  >
		<div class="boxes" >
			<table cellpadding="3px 10px">
			<thead><tr><td colspan=4><h2>{!! $team->team_name !!} : {!! trans('labels.players-l') !!}</h2></td></tr></thead>
			<tr><td colspan=4><hr/></td></tr>
			<tbody>
			@foreach ($team->players as $player)
				<tr class="zebra">
		   			<td>{{ $player->str_name }}</td>
		   			<td>{{ $player->id }}</td>
		   			<td>{{ $player->classif_code }}</td>
		   			<td>{{ $player->classif_value }}</td>
		   		</tr>
			@endforeach
			</tbody>
			<tfoot>
			<tr><td colspan=9><hr/></td></tr>
			<tr><td colspan=9>{!! trans('labels.max-points') !!} : {{$team->team_avg}}</td></tr>
			</tfoot>
			</table>
		</div>
		<div class="boxes" >
			<table cellpadding="3px 10px">
			<thead><tr><td colspan=5><h2>{!! trans('labels.prgm-reslt') !!}</h2></td></tr></thead>
			<tr><td colspan=5><hr/></td></tr>
			<tbody class="res" >
	   		@foreach ( App\Gamev::teamgames($team->id) as $game )
   				<tr class="zebra">
   				<td>{{ $game->game_date }}</td>
   				<td align="right">{{ $game->game_teams }}</td>
   				<th>{{ $game->score_host }}</th>
   				<th> : </th>
   				<th>{{ $game->score_guest }}</th>
   				</tr>
			@endforeach
			</tbody>
			<tfoot>
			<tr><td colspan=5><hr/></td></tr>
			</tfoot>
			</table>
		</div>
		<div class="boxes" >
			<table cellpadding="3px 10px">
			<thead>
				<tr><td colspan=7><h2>{{ $team->div_name }} {!! trans('labels.ranking') !!} *</h2></td></tr>
				<tr><td colspan=7><hr/></td></tr>
			</thead>
			<tbody id="rnk-{{ $team->team_code }}" class="res" >
				<tr class="zebra">
					<th width="20px"></th>
					<th width="200px"></th>
					<th width="20px">pts</b></th>
					<th width="20px">P</th>
					<th width="20px">W</th>
					<th width="20px">D</th>
					<th width="20px">L</th>
				</tr>
			</tbody>
			<tfoot>
			<tr><td colspan=7><hr/></td></tr>
			<tr><td colspan=7>* {!! trans('labels.source') !!}</td></tr>
			</tfoot>
			</table>
		</div>
	</div>
	@endforeach
</div>
@endsection