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

{% block pageContent %}
    <div class="competition-container mainPageContainer" data-sport="{{ currentSport }}">
        <div class="competition-header">

            <span class="competitions-logo logo-{% if currentSport == "soccer"  %}soccer{% else %}basketball{% endif %}-{{ tournament.id }} spritesheet fooballTournaments-sprite"></span>
            <div class="competition-title header-sprite competition-title-logo" id="sprite-{% if currentSport == "soccer"  %}competition{% else %}basketball{% endif %}-{{ tournament.getId() }}">
                <div class="tournament-name">
                    <h1>{{ tournament.nameAr }}</h1>
                    <h2>{{ tournament.nameEn }}</h2>
                </div>
            </div>
        </div>
        {#{% if not tournament.isFLB %}#}
        <div class="competitionTabs">
            <ul>
                <li {% if activeTab == "news" %}class="active"{% endif %}><a title="{{ '_NEWS_'|trans }}">{{ '_NEWS_'|trans }}</a></li>
                  {#  <li {% if activeTab == "matches" and matchesFilter == "today" %}class="active"{% endif %}><a title="{{ '_TODAY_MATCHES_'|trans }}" href="{{ tournament.getUrl() }}matches/today">{{ '_TODAY_MATCHES_'|trans }}</a></li>
                    <li {% if activeTab == "matches" and matchesFilter == "upcoming" %}class="active"{% endif %}><a title="{{ '_UPCOMING_MATCHES_'|trans }}" href="{{ tournament.getUrl() }}matches/upcoming">{{ '_UPCOMING_MATCHES_'|trans }}</a></li>
                    <li {% if activeTab == "matches" and matchesFilter == "results" %}class="active"{% endif %}><a title="{{ '_RESULTS_'|trans }}" href="{{ tournament.getUrl() }}matches/results">{{ '_RESULTS_'|trans }}</a></li>
                    <li {% if activeTab == "ranking" %}class="active"{% endif %}><a title="{{ '_RANKING_'|trans }}" href="{{ tournament.getUrl() }}ranking">{{ '_RANKING_'|trans }}</a></li>
            #}</ul>
        </div>
        {#{% endif %}#}
        <div class="competitionContent sportNews" data-page="1">
        {{ render(controller(tabControllerAction,
            {'tournament':tournament,'matchesFilter':matchesFilter})) }}
        </div>
    </div>
{% endblock %}