{% extends "Championnat/championnat.html.twig" %}

{% block championnat %}
	<style>
		.ligne:hover {
			text-decoration: underline;
			cursor:pointer;
		}
	</style>
	<div class="row col-md-12">
	<div class="col-md-6">
	<select id="round" onchange="round()">
		{% for match in resultat %}
			{% if ((loop.index0==0) or (match.league.round!=resultat[loop.index0-1].league.round)) %}
				{% if (match.league.round==current_round) %}
					<option selected value="round_{{ match.league.round }}">{{ match.league.round }}</option>
				{% else %}
					<option value="round_{{ match.league.round }}">{{ match.league.round }}</option>
				{% endif %}
			{% endif %}
		{% endfor %}
	</select>
	{% set trans_day_hash = {
        "Monday": "Lundi",
        "Tuesday": "Mardi",
        "Wednesday": "Mercredi",
        "Thursday": "Jeudi",
        "Friday": "Vendredi",
        "Saturday": "Samedi",
        "Sunday": "Dimanche"
    }
    %}
    {% set trans_month_hash = {
        "January": "Janvier",
        "February": "Févrié",
        "March": "Mars",
        "April": "Avril",
        "May": "Mai",
        "June": "Juin",
        "July": "Juillet",
        "August": "Aout",
        "September": "Septembre",
        "October": "Octobre",
        "November": "Novenbre",
        "December": "Décembre"
    }
    %}
    {% for match in resultat %}
        {% if ((loop.index0==0) or (match.league.round!=resultat[loop.index0-1].league.round)) %}
            {% if (match.league.round==current_round) %}
				<table class="table_round" id="{{ match.league.round }}">
			{% else %}
				<table class="table_round" id="{{ match.league.round }}" style="display:none;">
			{% endif %}
		{% endif %}
            {% if ((loop.index0==0) or (match.fixture.date|date("d/m/y")!=resultat[loop.index0-1].fixture.date|date("d/m/y"))) %}
                <tr><th colspan="8" class="text-center">{{ trans_day_hash[match.fixture.date|date("l")] }} {{ match.fixture.date|date("d") }} {{ trans_month_hash[match.fixture.date|date("F")] }} {{ match.fixture.date|date("Y") }}</th></tr>
            {% endif %}
            <tr class="ligne">
                <td>{{ match.fixture.date|date("H:i") }}</td><td class="text-right">{{ match.teams.home.name }}</td><td><img src="{{ match.teams.home.logo }}" width="20"/></td><td>{{ match.goals.home }}</td><td>-</td>
                <td class="text-center">{{ match.goals.away }}</td><td><img src="{{ match.teams.away.logo }}" width="20"/></td><td class="text-left">{{ match.teams.away.name }}</td>
            </tr>
        {% if ((loop.index0==resultat|length-1) or (match.league.round!=resultat[loop.index0+1].league.round)) %}
            </table>
        {% endif %}
    {% endfor %}
	</div>
	<div class="col-md-6">
		<table class="table">
		<tr><th colspan="3">Equipe</th><th>MJ</th><th>G</th><th>N</th><th>P</th><th>BP</th><th>BC</th><th>Pts</th></tr>
		{% for equipe in classement %}
			<tr>
				<td>{{ equipe.rank }}</td>
				<td><img src="{{ equipe.team.logo }}" width="20"/></td>
				<td>{{ equipe.team.name }}</td>
				<td>{{ equipe.all.played }}</td>
				<td>{{ equipe.all.win }}</td>
				<td>{{ equipe.all.draw }}</td>
				<td>{{ equipe.all.lose }}</td>
				<td>{{ equipe.all.goals.for }}</td>
				<td>{{ equipe.all.goals.against }}</td>
				<td>{{ equipe.points }}</td>
			</tr>
		{% endfor %}
		</table>
	</div>
	</div>
	<script>
		function round() {
			var round=document.getElementById("round").value;
			$('.table_round').hide();
			document.getElementById(""+round.replace('round_','')).style.display="block";
		}
	</script>
{% endblock %}