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

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

{% block joueur %}
<h2 class="text-center">Palmarès</h2></br>
<div class="flex2">
{% if palmares[0] is defined %}
    <table id="palmares" class="table table-striped table-bordered w-auto" style="max-height:350px;overflow:auto;display:block;margin:auto;">
    	<th class="text-center">Saison</th>
    	<th class="text-center">Compétitions remportés</th>
    	{% for titre in palmares %}
    		{% if titre.place=="Winner" %}
    			{% if loop.index0==0 or palmares[loop.index0-1].season!=titre.season or titre.place!=palmares[loop.index0-1].place %}
        			<tr>
        				<td>{{ titre.season }}</td>
        				<td class="text-center">{{ titre.league }}
        		{% else %}
        			, {{ titre.league }} 
        		{% endif %}			
        	{% endif %}		
    	{% endfor %}
    </table>
{% endif %}
</div>    
<script>
	var i=0;
    $('table tr').each(function() {
		if (i!==0) {
        	var td=$(this).find('td').html();
        	var tdprec=$(this).prev().find('td').html();
        	if (td==tdprec) {
    			var league=$(this).find('td').next().html();
    			$(this).prev().find('td').next().html($(this).prev().find('td').next().html()+", "+league);
    			$(this).find('td').remove();
            }
		}
		i++;    
    });
</script>
{% endblock %}