{% if competition.trinders|length == 0 %}
    <div class="trivial trivial-empty-message">
      <h2>Aún no se ha creado ningún juego</h2>
    </div>
  {% else %}
   {% for trinder in competition.trinders %}
  <div id="trivial" class="trivial">
        {% set cont = 0 %}
        {% set playsUser = 0 %}
        {% set contvidas = 0 %}
        {% set completed = 0 %}
        {% set noinit = 0 %}
        {% set inprogress = 0 %}
{# Comprobar que hay medallas asignadas al trivial #}
        <div id="trivial-user-name" class="trivial-name-user-xs col-xs-12">
            {{trinder.name}}
          </div>
          <div class="trivial-description-xs col-xs-12">{{trinder.description}}</div>
         <div class="col-sm-3 col-xs-6" >
          <img src="{{ asset('images/trivials/'~trinder.image) }}" width="100%" height="auto">
          <div class="trivial-description">{{trinder.description}}</div>
        </div>  
        <div class="col-xs-6 nm-width">
          <div id="trivial-user-name" class="trivial-name-user col-md-12">
            {{trinder.name}}
          </div>

{# Logica trivial completado, en progreso, no iniciado #}

{# {% for user in trivial.competition.users %}
  {% set finished_attempt = 0 %}
  {% set started_attempt = 0 %}
    {% for attempt in trivial.attempt %}
        {% set wrong_answer = 0 %}
        {% if attempt.trivial.id == trivial.id and attempt.user.id == user.id %}
          {% for tracking in attempt.tracking %}
            {% if tracking.status == 0 %}
              {% set wrong_answer = wrong_answer + 1 %}
            {% endif %}
          {% endfor %}
           {# or (wrong_answer == trivial.vidas and trivial.vidas != 0) #}
{#           {% if attempt.tracking|length == trivial.rondas or (wrong_answer == trivial.vidas and trivial.vidas != 0) or trivial.rondas == 0 %}
            {% set finished_attempt = finished_attempt + 1 %}
              {% if user.id == app.user.id %}
                {% set playsUser = playsUser + 1 %}
              {% endif %}
          {% elseif attempt.tracking|length > 0  %}
            {% set started_attempt =  1 %}
          {% endif %}
      {% endif %}
    {% endfor %}

    {% if  trivial.plays == 0 and trivial.rondas == 0  %}
      {% if started_attempt != 0 %}
        {% set completed = completed + 1 %}
      {% else %}
          {% set noinit = noinit + 1 %} 
      {% endif %}
    {% endif %}

    {% if  trivial.plays == 0 and trivial.rondas > 0  %}
      {% if finished_attempt > 0  %}
          {% set completed = completed + 1 %}
      {% elseif  finished_attempt == 0 and started_attempt == 0 %}
          {% set noinit = noinit + 1 %} 
      {% else %}
          {% set inprogress = inprogress + 1 %} 
      {% endif %}
    {% endif %}


    {% if  trivial.plays > 0 and trivial.rondas > 0  %}
        {% if finished_attempt == trivial.plays %}
          {% set completed = completed + 1 %}
            {% if user.id == app.user.id %}
              {% set cont = 1 %}
            {% endif %}
      {% elseif  finished_attempt == 0 and started_attempt == 0 %}
          {% set noinit = noinit + 1 %} 
      {% else %}
          {% set inprogress = inprogress + 1 %} 
      {% endif %}
    {% endif %}
  {% endfor %} #}
{# END logica trivial #}
                        <div class="trivial-info col-xs-12" style="padding-top:inherit">
                                  <table>
                                    <tr class="trivial-info-white">
                                      <td class="trivial-info-title">Vidas:</td>
                                      <td class="trivial-info-number">{% if trinder.life == 0 %}&infin;{% else %}{{trinder.life}}{% endif %}</td>
                                    </tr>
                                    <tr>
                                      <td class="trivial-info-title">Tiempo:</td>
                                      <td class="trivial-info-number">{% if trinder.time == 0 %}&infin;{% else %}{{trinder.time}}{% endif %}</td>
                                    </tr>
                                    <tr class="trivial-info-white">
                                      <td class="trivial-info-title">Categorías:</td>
                                      <td class="trivial-info-number">{{trinder.category|length}}</td>
                                    </tr>
                                  </table>
                                </div>
                    </div>  
                      <div class="col-xs-12 btn-user-xs">
                      <div
                      {% if cont == 1  %}
                        class="btn trivial-user-btn-jugar-disabled" title="Ya has finalizado todos los intentos" data-toggle="tooltip"
                      {% elseif  trinder.competition.beginAt|date("Y-m-d") > "now"|date("Y-m-d")  %}
                          class="btn trivial-user-btn-jugar-disabled" title="La campaña aún no ha empezado" data-toggle="tooltip"
                      {% elseif  trinder.competition.finalizeAt|date("Y-m-d") < "now"|date("Y-m-d") %}
                          class="btn trivial-user-btn-jugar-disabled" title="La campaña ya ha finalizado" data-toggle="tooltip"
                      {% else %}
                        class="btn trivial-user-btn-jugar" id="play-game-user" class="trivial-actions-enabled" data-toggle="modal" data-target="#modalGame" data-href="#" data-id-trivial="{{trinder.id}}"
                      {% endif %}
                       >JUGAR<img class="trivial-user-btn-jugar-img" src="{{asset('img/trivial-user-play.png')}}"></div>
                    </div>
                                                                         
                    <div class="nm-width col-xs-12 ranking-block-xs"> 
                        <div class="trivial-name-user">Registro</div>
                        <div class="col-xs-12">
                        {% set contador = 0 %}
                        <table class="gametool-table col-xs-12">
                        {% for record in registro[trinder.id] %}                          
                                    <tr class="trivial-user-record-tr">
                                      <td class="record-user-name">{{record.user.userName}}</td>
                                      <td class="record-score">{{record.totalScore}}</td>
                                    </tr>   
                          {% set contador = contador + 1 %}                               
                        {% endfor %}
                          {% for unp in usersNotPlayed[trinder.id]|filter(contador < 5) %}
                              <tr class="trivial-user-record-tr">
                                <td class="record-user-name">{{unp.userName}}</td>
                                <td class="record-score">0</td>
                              </tr>  
                            {% set contador = contador + 1 %}
                          {% endfor %}
                        </table>
                      </div>
                      </div>  
                      <div class="col-xs-12 btn-user-xs">
                        <a href="{{path('record_list', {id:trinder.id})}}"><div class="btn trivial-user-btn-ranking">REGISTRO<img class="trivial-user-btn-ranking-img" src="{{asset('img/trivial-user-ranking.png')}}"></div></a>
                      </div>  
                      <div class="trivial-user-btn col-xs-12">
                      <div class="nm-width nm-offset-3 col-xs-12 btn-user">

                          <div
                              {% if cont == 1  %}
                        class="btn trivial-user-btn-jugar-disabled" title="Ya has finalizado todos los intentos" data-toggle="tooltip"
                      {% elseif  trinder.competition.beginAt|date("Y-m-d") > "now"|date("Y-m-d")  %}
                          class="btn trivial-user-btn-jugar-disabled" title="La campaña aún no ha empezado" data-toggle="tooltip"
                      {% elseif  trinder.competition.finalizeAt|date("Y-m-d") < "now"|date("Y-m-d") %}
                          class="btn trivial-user-btn-jugar-disabled" title="La campaña ya ha finalizado" data-toggle="tooltip"
                      {% else %}
                        class="btn trivial-user-btn-jugar" id="play-game-user" class="trivial-actions-enabled" data-toggle="modal" data-target="#modalGame" data-href="#" data-id-trivial="{{trinder.id}}"
                      {% endif %}
                           >JUGAR<img class="trivial-user-btn-jugar-img" src="{{asset('img/trivial-user-play.png')}}"></div>
                        </div>
                        <div class="nm-width col-xs-12 btn-user">
                          <div class="btn trivial-user-btn-ranking"><a href="{{path('record_list', {id:trinder.id})}}">REGISTRO<img class="trivial-user-btn-ranking-img" src="{{asset('img/trivial-user-ranking.png')}}"></a></div>
                        </div>
                      </div>                  
                      </div>

                      {% endfor %}
             {% endif %}                      
                {#display navigation#}
                <div class="navigation">
                    {{ knp_pagination_render(pagination)}}
                </div>
                <!-- Modal -->
                <div class="modal fade" id="modalGame" role="dialog">
                  <div class="modal-dialog">                  
                    <!-- Modal content-->
                    <div class="modal-content">
                      <div style="display:none" class="modal-header">
                          <div class="col-md-1 col-md-offset-11 col-xs-1 col-xs-offset-10">
                            <button id="btn-close" type="button" class="btn btn-default" data-dismiss="modal">X</button>                    
                          </div>                          
                        </div>
                      <div id="game" class="trivial-game">
                      </div>
                    </div>
                  </div>
                </div>
                   {{ include ('Badges/forms/reward.html.twig') }}