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

{% block pageContent %}
    <div class="section profileSection">
        <h3>{{ team.name }} ({{ team.nameEn }})</h3>
        <div class="sectionContent">
            <div class="playerImage">
                {% if team.type %}
                    <div class="flag-wrapper">
                        <div class="img-thumbnail flag flag-icon-background flag-icon-{{ team.getLargeFlag }}" title="{{ team.name }}" ></div>
                    </div>
                {% else %}
                <img src="{{ team.getImage() }}">
                {% endif %}
            </div>
            <div class="listing singleRow">
                <ul>
                    {% if team.founded %}
                    <li>
                        <span class="attribute">{{ '_FOUNDED_DATE_'|trans }}:</span>
                        <span class="value">{{ team.founded }}</span>
                    </li>
                    {% endif %}
                    {% if team.country %}
                    <li>
                        <span class="attribute">{{ '_TEAM_COUNTRY_'|trans }}:</span>
                        <span class="value">{{ team.country }}</span>
                    </li>
                    {% endif %}
                    {% if team.website %}
                    <li>
                        <span class="attribute">{{ '_WEBSITE_'|trans }}:</span>
                        <span class="value">{{ team.website }}</span>
                    </li>
                    {% endif %}
                    {% if team.email %}
                    <li>
                        <span class="attribute">{{ '_EMAIL_'|trans }}:</span>
                        <span class="value">{{ team.email }}</span>
                    </li>
                    {% endif %}
                </ul>
            </div>
        </div>
    </div>
    <div class="matches section tableSection">
        <h3>{{ '_MATCHES_'|trans }}</h3>
        <div class="sectionContent">
            <div class="competitionsTabs centered">
                <ul>
                    {% for tournament in tournamentMatches %}
                        <li>
                            <a data-tournamentId="tounamentMatches{{ tournament.competitionId }}" href="{{ tournament.getUrl() }}" class="competitionName"><span class="flag_24 right_24 {{ tournament.getFlag() }}_24_right">{{ tournament.nameAr }}</span></a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
            <div class="tounamentsMatches">
                {% for tournament in tournamentMatches %}
                    {% for season in tournament.seasons %}
                        <div class="tabContainer tounamentMatches tounamentMatches{{ tournament.competitionId }}">
                        {{ season.matchesTable|raw }}
                        </div>
                    {% endfor %}
                {% endfor %}
            </div>
        </div>
    </div>
    <div class="section">
        <h3>{{ '_TEAM_LINE_UP_'|trans }}</h3>
        {% for position,playerPositions in players %}
            <div class="section">
                <h4>{{ position }}</h4>
                <div class="sectionContent">
                {% for player in playerPositions %}
                    <div class="player">
                        <img src="{{ player.getImage() }}">
                        <a class="playerInfo" href="{{ player.getUrl() }}">
                            <span class="flag_24 right_24 {{ player.getFlag() }}_24_right">{{ player.matchName }}</span>
                            <span>{{ player.getAge() }} {{ '_YEAR_'|trans }}</span>
                            {#<span><img src="{{ constant('_IMG_URL_') }}appearance.png"> 12 <img src="{{ constant('_IMG_URL_') }}G.png"> 3</span>#}
                        </a>
                    </div>
                {% endfor %}
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}