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

{% block body %}
<style>
   #classement td,#classement th {
     width:30px;
     text-align:center;
   }
</style>
<div class="col-md-12 row">
<div class="col-md-6 text-center">
    <div class="dropdown">
      <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
       Dropdown button
      </button>
     <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
     {% for match in resultat %}
         {% if (loop.index0!=0 and resultat[loop.index0-1].round!=match.round) %}
            <a class="dropdown-item" href="#">{{ match.round }}</a>
	 {% endif %}
     {% endfor %}
     </div>
    </div>
    <div id="calendrier">
    <table style="margin-right:auto;margin-left:auto;">
    {% for match in resultat %}
	{% if match.round==current_round|replace({"_":" "}) %}
	   {% if match.event_date|date("m/d/Y")!=resultat[loop.index0-1].event_date|date("m/d/Y") %} 
	      <tr><th colspan="6">{{ match.event_date|date("d/m/Y") }}</th></tr>
	    {% endif %}
	    {% if match.status=="Match Finished" %}
	     
	      <tr><td>{{ match.event_date|date("H:i") }}</td><td style="text-align:right;">{{ match.homeTeam.team_name }}</td><td><img src="{{ match.homeTeam.logo }}" width="20"/></td><td>-</td><td><img src="{{ match.awayTeam.logo }}" width="20"/></td><td style="text-align:left;">{{ match.awayTeam.team_name }}</td></tr>
	    {% endif %}
	{% endif %}
    {% endfor %}
    </table>
    </div>
</div>
<div class="col-md-6">
   <table id="classement" style="margin-right:auto;margin-left:auto;">
     <tr><th colspan="3" style="width:auto;text-align:left;padding-left:7px;">Equipe</th><th>MJ</th><th>G</th><th>N</th><th>P</th><th>BP</th><th>BC</th><th>DB</th><th>Pts</th></tr>
   {% for equipe in classement %}
     <tr><td style="width:auto;">{{ loop.index }}</td><td style="width:40px;"><img src="{{ equipe.logo }}" width="30"/></td><td style="width:auto;text-align:left;">{{ equipe.teamName }}</td><td>{{ equipe.all.matchsPlayed }}</td><td>{{ equipe.all.win }}</td><td>{{ equipe.all.draw }}</td><td>{{ equipe.all.lose }}</td><td>{{ equipe.all.goalsFor }}</td><td>{{ equipe.all.goalsAgainst }}</td><td>{{ equipe.goalsDiff }}</td><td>{{ equipe.points }}</td></tr>
   {% endfor %}
</div>
</div>
<script>
   $(".dropdown-item").click(function() {
      $.post( "/spotifoot/public/index.php/ajax_list_match", { round: this.innerHTML,league:6315 })
      .done(function( data ) {
         $("#calendrier").html(data);
      });
   });
</script>
{% endblock %}