{% extends "Joueur/joueur.html.twig" %}

{% block title %}{{ parent() }} - Statistique {{ app.request.attributes.get("player_name")|replace({'-':' '}) }}{% endblock %}

{% block joueur %}
    <div id="resultat">
    	<h2 class="text-center">Statistique saison 2019-2020</h2></br>        
        <table class="table table-sm table-striped w-auto" style="margin:auto;">
      		<th>Compétition</th>
      		<th class="text-center">Matches</th>
      		<th title="Buts" class="text-center" style="vertical-align: middle;"><img style="margin:auto;" src="/public/images/but.svg" width="20"></th>
      		<th title="Penaltys" class="text-center" style="vertical-align: middle;"><img style="margin:auto;" src="/public/images/penalty.png" width="25"></th>
      		<th title="Entrée en jeu" class="text-center" style="vertical-align: middle;"><img style="margin:auto;" src="/public/images/entree_en_jeu.png" width="20"></th>
      		<th title="Sortie en cours de jeu" class="text-center" style="vertical-align: middle;"><img style="margin:auto;" src="/public/images/sortie.png" width="15"></th>
      		<th title="Cartons jaunes" class="text-center" style="vertical-align: middle;"><img style="margin:auto;" src="/public/images/carton_jaune.png" width="15"></th>
      		<th title="Cartons rouges" class="text-center" style="vertical-align: middle;"><img style="margin:auto;" src="/public/images/carton_rouge.png" width="25"></th>
      		<th title="Minutes" class="text-center" style="vertical-align: middle;"><img style="margin:auto;" src="/public/images/minute_joue.svg" width="20"></th>
      		{% for competition in statistique %}
      			<tr>
      				<td>{{ competition.league }}</td>
      				<td class="text-center">{{ competition.games.appearences }}</td>
      				<td class="text-center">{{ competition.goals.total }}</td>
      				<td class="text-center">{{ competition.penalty.success }}</td>
      				<td class="text-center">{{ competition.substitutes.in }}</td>
      				<td class="text-center">{{ competition.substitutes.out }}</td>
      				<td class="text-center">{{ competition.cards.yellow }}</td>
      				<td class="text-center">{{ competition.cards.red }}</td>
      				<td class="text-center">{{ competition.games.minutes_played }}</td>
      			</tr>
      		{% endfor %}		
    	</table>
    </div>
{% endblock %}