{% import "helpers.html.twig" as helpers %}
{% if not matches is empty %}
<div class="competitionTabsContainer matchesListTab active">
    <div class="stages-wrapper">
        <div class="watchContainer">
            <img src="{{ asset('build/images') }}/country/icons/watch.png"/>
        </div>
        <div class="select-box-wrapper">
            {{ helpers.select(stageSelect['options'], stageSelect['attributes'], stageSelect['selected']) }}
            <i class="icon-arrow-down"></i>
        </div>
    </div>
    <div id="competitionMatches" class="competitionsList recentMatchesList" data-competitionUrl="{{ currentUrl }}" data-competitionId="{{ tournament.id }}" data-seasonId="{{ season.id }}" data-total="{% if numberOfPages is defined %}{{ numberOfPages }}{% endif %}" data-page="{% if currentPage is defined %}{{ currentPage }}{% endif %}">
        <ul>
            {% for dateMatches in matches %}
                <li>
                    <a class="heading competitionName competition-name">
                        <span class="label">{{ dateMatches.date }}</span>
                        <span class="arrow"><span class="border-right"></span><i class="icon-triangle-left"></i></span>
                    </a>
                    {{ dateMatches.matchesTable|raw }}
                </li>
            {% endfor %}
        </ul>
    </div>
</div>
{% else %}
<div class="no-result">{{ '_NO_MATCHES_'|trans }}</div>
{% endif %}