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

{% block pageContent %}

{% if not sessions is empty %}
    <div id="soccercontainer">
        <div id="showcompetition">
            <div class="competition_details">
                <h1><span class="flag_24 right_24 {{ competition.getFlag() }}_24_right"></span> {{ competition.name }}</h1>
            </div>
            {#<div class="circuitName">#}
                {#<span>{{ '_CIRCUIT_'|trans }}</span>#}
                {#<span>{{ competition.getCompetitionCircuit() }}</span>#}
            {#</div>#}
            <div class="msSeasonSelect">
                {#<span>{{ '_SEASONS'|trans }}</span>#}
                <select id="seasons" onchange="seasonChange(this);">
                    {% for i,season in competition.seasons %}
                        {% if currentSession is defined and currentSeason == season.getSeasonId() %}
                            <option value="{{ season.getUrl() }}" selected>{{ season.name }}</option>
                        {% else %}
                            <option value="{{ season.getUrl() }}" >{{ season.name }}</option>
                        {% endif %}
                    {% endfor %}
                </select>
            </div>
            <div class="msSessionSelect">
                {#<span>{{ '_SESSION_'|trans }}</span>#}
                <select id="motorsport_session_dd" onchange="sessionChange(this);">
                    {% for i,session in sessions %}
                        {% if currentSession is defined and currentSession == session["session_id"] %}
                            <option value="{{ session["session_id"] }}" selected>{{ session["name"] }}</option>
                        {% else %}
                            <option value="{{ session["session_id"] }}">{{ session["name"] }}</option>
                        {% endif %}
                    {% endfor %}
                </select>
            </div>
        {% for session in sessions %}
            {% if (currentSession is defined and currentSession != session.session_id) or i > 0%}
                <div id="motorsport_session{{ session["session_id"] }}" class="motorsport_session" style="display:none;">
            {% else %}
                <div id="motorsport_session{{ session["session_id"] }}" class="motorsport_session">
            {% endif %}
                <div class="motorsport_session_details">
                    {#<div style="float:right;width:105px"><h5>{{ session["name"] }}</h5></div>#}
                    <div><h5><span>{{ session["start_time_utc_formated"] }}</span><span style="margin-left:25px">{{ session["start_date_utc_formated"] }}</span></h5></div>
                </div>
                {% if not session["drivers"] is empty %}
                <table class="api-table motosportTable">
                    <thead>
                    <tr class="msTableTitle title">
                        <th>{{ '_POSITION_'|trans }}</th>
                        <th>{{ '_DRIVER_NAME_'|trans }}</th>
                        <th>{{ '_TIME_TO_FINISH_'|trans }}</th>
                        {% if i == 0 and competition.championshipId == 1 %}
                        <th>{{ '_POINTS_'|trans }}</th>
                        <th>{{ '_GRID_POSITIONS'|trans }}</th>
                        <th>{{ '_PIT_STOPS_'|trans }}</th>
                        <th>{{ '_FASTEST_LAP_'|trans }}</th>
                        <th>{{ '_DNF_REASONS'|trans }}</th>
                        {% endif %}
                    </tr>
                    </thead>
                    <tbody>
                    {% for person in session["drivers"] %}
                        {#{% for person in teams %}#}
                            <tr>
                                <td>{{ person["position"] }}</td>
                                <td>{{ person["firstname"] }} {{ person["lastname"] }}</td>
                                <td>{{ person["time_hours"] }}:{{ person["time_minutes"] }}:{{ person["time_seconds"] }}:{{ person["time_milliseconds"] }}</td>
                                {% if i == 0 and competition.championshipId == 1 %}
                                <td>{{ person["points"] }}</td>
                                <td>{{ person["grid_position"] }}</td>
                                <td>{{ person["num_pitstops"] }}</td>
                                <td>{{ person["fastest_lap"] }}</td>
                                <td>{{ person["dnf_reason"] }}</td>
                                {% endif %}
                            </tr>
                        {#{% endfor %}#}
                    {% endfor %}
                    </tbody>
                </table>
                {% endif %}
            </div>
            {% endfor %}
        </div>
    </div>
    {% else %}
        <div id='soccercontainer'><p class='noinfo'>{{ '_NO_COMP_INFO_'|trans }}</p></div>
    {% endif %}

{% endblock %}