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

{% block pageContent %}
<div class="section profileSection">
    <h3>{{ player.firstName }} {{ player.lastName }} {% if not player.firstNameEn is empty %}({{ player.firstNameEn }} {{ player.lastNameEn }}){% endif %}</h3>
    <div class="sectionContent">
        <div class="playerImage">
            <img src="{{ player.getImage("large") }}">
        </div>
        <div class="listing">
            <ul>
                {% if player.nationality %}
                <li>
                    <span class="attribute">{{ '_NATIONALITY'|trans }}:</span>
                    <span class="value">{{ player.nationality }}</span>
                </li>
                {% endif %}
                {% if player.weight %}
                <li>
                    <span class="attribute">{{ '_WEIGHT_'|trans }}:</span>
                    <span class="value">{{ player.weight }} kg</span>
                </li>
                {% endif %}
                {% if player.getDateOfBirth() %}
                <li>
                    <span class="attribute">{{ '_BIRTH_DATE_'|trans }}:</span>
                    <span class="value">{{ player.getDateOfBirth() }}
                        <span class="hint">({{ player.getAge() }} years)</span>
                    </span>
                </li>
                {% endif %}
                {% if player.height %}
                <li>
                    <span class="attribute">{{ '_HEIGHT_'|trans }}:</span>
                    <span class="value">{{ player.getConvertedHeight() }} cm</span>
                </li>
                {% endif %}
                {% if player.position %}
                <li>
                    <span class="attribute">{{ '_PLAYER_POSITION_'|trans }}:</span>
                    <span class="value">{{ player.position }}</span>
                </li>
                {% endif %}
                {% if player.foot %}
                <li>
                    <span class="attribute">{{ '_FOOT_'|trans }}:</span>
                    <span class="value">{{ player.foot }}</span>
                </li>
                {% endif %}

     {#           <li>
                    <span class="attribute">{{ '_PLACE_OF_BIRTH_') }}</span>
                    <span class="value">{{ player.birthPlace }}</span>
                </li>#}
            </ul>
        </div>
    </div>
</div>
    {% if career is defined %}
    <div class="matches section tableSection">
        <h5>{{ '_CAREER_'|trans }}</h5>
        <div class="sectionContent">
            <div class="competitionsTabs">
                <ul>
                    {% for tournamentFormat in career %}
                        <li>
                            <a data-tournamentId="tounamentCareer{{ tournamentFormat.slug }}" href="#" class="competitionName"><span>{{ tournamentFormat.name }}</span></a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
            <div class="tounamentsMatches">
                {% for tournamentFormat in career %}
                    <div class="tabContainer tounamentCareers tounamentCareer{{ tournamentFormat.slug }}">
                        <table class="strippedTable twoColors">
                            <thead>
                            <tr>
                                <th>{{ '_SEASON_'|trans }}</th>
                                <th>{{ '_TEAM_'|trans }}</th>
                                <th>{{ '_COMPETITIONS_'|trans }}</th>
                                <th><img src="{{ asset("img") }}/minute_played.png" alt="{{ '_MINUTES_PLAYED_'|trans }}" title="{{ '_MINUTES_PLAYED_'|trans }}"></th>
                                <th><img src="{{ asset("img") }}/appearance.png" alt="{{ '_APPEARANCES_'|trans }}" title="{{ '_APPEARANCES_'|trans }}"></th>
                                <th><img src="{{ asset("img") }}/SI.png" alt="{{ '_SUBSTITUTE_IN_'|trans }}" title="{{ '_SUBSTITUTE_IN_'|trans }}"></th>
                                <th><img src="{{ asset("img") }}/SO.png" alt="{{ '_SUBSTITUTE_OUT_'|trans }}" title="{{ '_SUBSTITUTE_OUT_'|trans }}"></th>
                                <th><img src="{{ asset("img") }}/bench.png" alt="{{ '_SUBS_ON_BENCH_'|trans }}" title="{{ '_SUBS_ON_BENCH_'|trans }}"></th>
                                <th><img src="{{ asset("img") }}/G.png" alt="{{ '_GOALS_'|trans }}" title="{{ '_GOALS_'|trans }}"></th>
                                <th><img src="{{ asset("img") }}/YC.png" alt="{{ '_YELLOW_CARDS_'|trans }}" title="{{ '_YELLOW_CARDS_'|trans }}"></th>
                                <th><img src="{{ asset("img") }}/Y2C.png" alt="{{ '_SECOND_YELLOW_CARDS_'|trans }}" title="{{ '_SECOND_YELLOW_CARDS_'|trans }}"></th>
                                <th><img src="{{ asset("img") }}/RC.png" alt="{{ '_RED_CARDS_'|trans }}" title="{{ '_RED_CARDS_'|trans }}"></th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for team in tournamentFormat.teams %}
                            <tr>
                                <td>{{ team.tournamentCalendarName }}</td>
                                <td>{{ team.teamName }}</td>
                                <td>{{ team.competitionName }}</td>
                                <td>{{ team.minutesPlayed }}</td>
                                <td>{{ team.appearances }}</td>
                                <td>{{ team.substituteIn }}</td>
                                <td>{{ team.substituteOut }}</td>
                                <td>{{ team.subsOnBench }}</td>
                                <td>{{ team.goals }}</td>
                                <td>{{ team.yellowCards }}</td>
                                <td>{{ team.secondYellowCards }}</td>
                                <td>{{ team.redCards }}</td>
                            </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
    {% endif %}
{% endblock %}