{% extends "Equipe/equipe.html.twig" %}

{% block title %}{{ parent() }} - Calendrier/résultats {{ app.request.attributes.get("equipe_nom") }}{% endblock %}

{% block equipe %}
	<div id="resultat">
		<h2 class="text-center">Calendrier/résultats</h2></br>
        <div id="league" class="text-center">
          {% for league in leagues %}
          	{% if loop.index==1 %}
          		<a id="{{ league.league_id }}" class="btn btn-success" href="#">{{ league.name }}</a>
          	{% else %}	
          		<a id="{{ league.league_id }}" class="btn btn-primary" href="#">{{ league.name }}</a>
          	{% endif %}
          {% endfor %}		
        </div></br>   
        <div class="flex2" id="calendrier">
            <table class="table table-sm table-striped w-auto" style="max-height:400px;overflow:auto;display:block;">    
                <th class="text-center">Date</th>
                <th class="text-center" colspan="5">Matches</th>
                {% for match in fixtures %}
                	{% if match.status=="Match Finished" %}
        	    		<tr class="bleu">
        	    	{% else %} 
        	    		<tr class="bleu">
        	    	{% endif %}	
                	    <td>{{ match.event_date|date("d.m.y H:i", "Europe/Paris") }}</td>
                		<td class="text-right"><a href="{{ path('sf_match',{id:match.fixture_id,match:match.homeTeam.team_name ~ "-" ~ match.awayTeam.team_name}) }}">{{ match.homeTeam.team_name }}</a>  <img src="{{ match.homeTeam.logo }}" width="20"></td>
                		{% if match.status=="Match Finished" %}
                			<td><a href="{{ path('sf_match',{id:match.fixture_id,match:match.homeTeam.team_name ~ "-" ~ match.awayTeam.team_name}) }}">{{ match.goalsHomeTeam }}</a></td><td class="text-center"><a href="{{ path('sf_match',{id:match.fixture_id,match:match.homeTeam.team_name ~ "-" ~ match.awayTeam.team_name}) }}">-</a></td><td><a href="{{ path('sf_match',{id:match.fixture_id,match:match.homeTeam.team_name ~ "-" ~ match.awayTeam.team_name}) }}">{{ match.goalsAwayTeam }}</a></td>
                		{% else %}
                			<td colspan="3" class="text-center">-</td>
                		{% endif %}	
                		<td class="text-left"><img src="{{ match.awayTeam.logo }}" width="20">  <a href="{{ path('sf_match',{id:match.fixture_id,match:match.homeTeam.team_name ~ "-" ~ match.awayTeam.team_name}) }}">{{ match.awayTeam.team_name }}</a></td>	
                	</tr>
                 {% endfor %}
            </table>
        </div> 
    </div>
    <script>
    $('#league a').click(function(){
		var league_id=$(this).attr("id");
		$('#league a').each(function() {
			if ($(this).attr('id')==league_id)
				$(this).attr('class','btn btn-success');
			else
				$(this).attr('class','btn btn-primary');
    	});
        $.ajax({
            url : '/public/index.php/ajax_equipe_calendrier_resultat',
            type : 'POST', 
            data : 'equipe_id={{ app.request.attributes.get("equipe_id") }}&league_id='+league_id, 
            dataType : 'html',
            success : function(code_html, statut){ // success est toujours en place, bien s�r !				
     		   $('#calendrier').html(code_html);
            },
            error : function(resultat, statut, erreur){
     
            }
         });
    });    
    </script>
{% endblock %}