{% extends 'statistics/structure.html.twig' %}

{% block pageContent %}
<div id="soccercontainer" class="tennis">
	<div id="showcompetition" class="tennis_show_competition">
		<div class="competition_details tennis_competition_header">
			<h1 class="mainTitle">{{ tour.name }}</h1>
		</div>
		<div class="competition_menu">
			<div>
				<ul>
					<li>
						{{ '_COMPETITIONS_2_'|trans }}
					</li>
				</ul>
			</div>
		</div>
		<div class="motorsportsMatches showmatches scrollspy">
			<ul>
				{% for competitionId,competition in competitions %}
					<li class="motorsportsCompetition" >
						<strong>
							<a href="{{ competition.getSeason() }}">
								<span class="flag_24 right_24 {{ competition.getFlag() }}_24_right"></span>
								<span class="competitionName" >{{ competition.name }}</span>
							</a>
						</strong>
						{#{% for seasonId,season in competition.seasons %}#}
						{#<span class="date">#}
						{#<a href="{{ season.getUrl() }}">#}
						{#{{ season.getStringifiedDate() }}#}
						{#</a>#}
						{#</span>#}
						{#{% endfor %}#}
					</li>
				{% endfor %}
			</ul>
		</div>
	</div>
</div>
<script>
	$(".tennisCompetition").click(function () {
		var seasons = $(this).data('id');
		//var num = $(this).siblings("ul").filter('display:visible').length;
		//alert(num);
		$(".tennisCompetition").siblings("ul").not($(this).siblings("ul")).slideUp();
		$(this).siblings("ul").slideToggle();
		$(this).find('.triangle').toggleClass("triangle-down");
		$(this).find('.triangle').toggleClass("triangle-up");

	});
</script>
{% endblock %}