{%extends 'layout.html.twig' %}
{% block stylesheets %}
  {{parent()}}
  <link href="{{ asset('css/trivial.css') }}" media="screen" rel="stylesheet" type="text/css">
{% endblock %}
{% block body %}
    {{ parent() }}
         <div class="container marketing lista">
           <div class="competition-return">    
              <div class="competition-return-image"><img src="{{asset('img/competition-return.png')}}"></div>
              {% if app.user.role == 'ROLE_ADMIN' %}
                     <a class="competition-return-text" href="{{ path('competition_list') }}">Volver a Competiciones</a>
               {% elseif app.user.role == 'ROLE_TUTOR'%}
                <a class="competition-return-text"  href="{{ path('competition_client_list', {client: app.user.cliente.id}) }}">Volver a Campañas</a>
              {% else %}
                <a class="competition-return-text" href="{{ path('competition_users_list', {id: app.user.id}) }}">Volver a Campañas</a>
              {% endif %}
            </div>
            {{ include ('Trivial/records/recordsHeader.html.twig') }}
            <div class="col-xs-12 record-coop">
               {% set total = 0 %}
                {% for record in pagination %}                          
                    {% set total = total + record.score %}        
                {% endfor %}
                {% set porcentaje = (total*100)/trivial.maxPuntuacion %}
                <div class="trivial-user-progressbar-total">
                  <div style="width:{{porcentaje}}%" class="trivial-user-progressbar-suma"></div>
                </div>
                <div class="col-xs-12">{{total}}/{{trivial.maxPuntuacion}}</div>
            </div>
            <div class="table-responsive col-xs-12 ranking-table">
                <table class="table gametool-table">
                    <thead>
                         <tr>
                            <th>POSICIÓN</th>
                            <th>USUARIO</th>
                            <th>PUNTUACIÓN</th>
                            <th>SEGUIMIENTO</th>
                        </tr> 
                    </thead>
                    <tbody>
                {# Mostrar usuario loggueado al principio para que pueda ver sus stats #}
                {% set i = 1 %}
                    {% for attempt in pagination %}
                      <tr class="ranking-user">
                        {% if app.user.id == attempt.attempt.user.id %}                        
                                <td>{{i}}</td>
                                <td>{{attempt.attempt.user.userName}}</td>
                                <td>{{attempt.score}}</td> 
                                <td>{% if app.user.role == 'ROLE_ADMIN' or app.user.role == 'ROLE_TUTOR' or app.user.id == attempt.attempt.user.id %}
                                    <a class="record-trivial-tracking" href="{{ path('tracking_user', {idUser: attempt.attempt.user.id, idTrivial: trivial.id}) }}">ver</a>
                                  {% endif %}</td>                         
                        </tr>  
                      {% endif %}
                      {% set i = i + 1 %}
                    {% endfor %}

                    {% for user in users_notplay %}
                        {% if app.user.id == user.id %}
                         <tr class="ranking-user">                      
                                <td></td>
                                <td>{{user.userName}}</td>
                                <td>0</td>
                                <td><a class="record-trivial-tracking gametool-btn-disabled" href="#" disabled>ver</a></td>
                        </tr>
                      {% endif %}
                      {% set i = i + 1 %}
                    {% endfor %}

                  {# Mostrar lista de todos los usuarios en la campaña #}
                  {% set i = 1 %}
                    {% for attempt in pagination %}
                        <tr>                          
                          <td>{{i}}</td>
                          <td>{{attempt.attempt.user.userName}}</td>
                          <td>
                            {% if attempt.score%}{{attempt.score}}{% else %} 0 {% endif %}</td>
                            <td>
                              {% if app.user.role == 'ROLE_ADMIN' or app.user.role == 'ROLE_TUTOR' or app.user.id == attempt.attempt.user.id %}
                                   <a class="record-trivial-tracking" href="{{ path('tracking_user', {idUser: attempt.attempt.user.id, idTrivial: trivial.id}) }}">ver</a>
                             {% else %}
                              <a class="record-trivial-tracking gametool-btn-disabled" href="#" disabled>ver</a>
                              {% endif %}
                            </td>                    
                        </tr>
                        {% set i = i + 1 %}                         
                      {% endfor %}
                    {% for user in users_notplay %}
                        <tr>
                          <td></td>
                          <td>{{user.userName}}</td>
                          <td>0</td>
                          <td><a class="record-trivial-tracking gametool-btn-disabled" href="#" disabled>ver</a></td>
                        </tr>
                        {% set i = i + 1 %}                         
                      {% endfor %}
                    </tbody>
              </table>

           </div>
           </div>
{% endblock %}
    {% block javascripts %}
      {{parent()}}>
      <script src="{{ asset('js/progressbar.js') }}" ></script>
      <script src="{{ asset('js/record-players.js') }}" ></script>
    {% endblock %}