{% if competition.trivials|length == 0 %}
    <div class="trivial trivial-empty-message">
      <h2>Aún no se ha creado ningún juego</h2>
    </div>
  {% else %}
   {% for trivial in competition.trivials %}
  <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">
            {{trivial.name}}
          </div>
          <div class="trivial-description-xs col-xs-12">{{trivial.description}}</div>
         <div class="col-sm-3 col-xs-6" >
          <img src="{{ asset('images/trivials/'~trivial.image) }}" width="100%" height="auto">
          <div class="trivial-description">{{trivial.description}}</div>
        </div>  
        <div class="col-xs-6 nm-width">
          <div id="trivial-user-name" class="trivial-name-user col-md-12">
            {{trivial.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">Rondas:</td>
                                      <td class="trivial-info-number">{% if trivial.rondas == 0 %}&infin;{% else %}{{trivial.rondas}}{% endif %}</td>
                                    </tr>
                                    <tr>
                                      <td class="trivial-info-title">Partidas:</td>
                                      <td class="trivial-info-number" nowrap>{% if app.user.role != "ROLE_TUTOR" and trivial.plays > 0 %}{{playsUser}}/{% endif %}{% if trivial.plays == 0 %}&infin;{% else %}{{trivial.plays}}{% endif %}</td>
                                    </tr>
                                    <tr class="trivial-info-white">
                                      <td class="trivial-info-title">Vidas:</td>
                                      <td class="trivial-info-number">{% if trivial.vidas == 0 %}&infin;{% else %}{{trivial.vidas}}{% endif %}</td>
                                    </tr>
                                    <tr>
                                      <td class="trivial-info-title">Tiempo:</td>
                                      <td class="trivial-info-number">{% if trivial.tiempomaximo == 0 %}&infin;{% else %}{{trivial.tiempomaximo}}{% endif %}</td>
                                    </tr>
                                    <tr class="trivial-info-white">
                                      <td class="trivial-info-title">Categorías:</td>
                                      <td class="trivial-info-number">{{trivial.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  trivial.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  trivial.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="{{trivial.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 %}
                        {% if trivial.modality == "INDIVIDUAL" %}
                        <table class="gametool-table col-xs-12">
                        {% for record in registro[trivial.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[trivial.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>
                      {% elseif trivial.modality == "COOPERATIVO" %}
                        {% set total = 0 %}
                        {% for record in registro[trivial.id] %}                          
                            {% set total = total + record.totalScore %}        
                        {% 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>
                      {% elseif trivial.modality == "TERRITORIAL" %}
                      {% set i = 1 %}
                      {% for category in trivial.category %}
                        {% set i = loop.index %}
                        {% if i < 3 %}
                        <div class="col-xs-12 trivial-info-title trivial-territorial-div trivial-info-white">{{category.name}}</div>
                          {% for record in registro[trivial.id] %} 
                            {% if record['cat_id'] == category.id %}                        
                              <div class="col-xs-6 trivial-territorial">{{record['user_name']}}:</div>
                              <div class="col-xs-6 trivial-territorial trivial-territorial-score">{{record['sum_score']}}</div>
                            {% endif %}
                          {% endfor %}
                        {% endif %}
                      {% endfor %}                        
                      {% endif %}
                      </div>
                      </div>  
                      <div class="col-xs-12 btn-user-xs">
                        <a href="{{path('record_list', {id:trivial.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  trivial.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  trivial.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="{{trivial.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:trivial.id})}}">REGISTRO<img class="trivial-user-btn-ranking-img" src="{{asset('img/trivial-user-ranking.png')}}"></a></div>
                        </div>
                      </div>                  
                      </div>
                     {{ include ('Clientes/forms/form.html.twig',{form: deleteform_trivial_ajax,type:'el trivial', name:trivial.name, id:"form-delete",with_submit:false}) }}


                      {% 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="padding:5px" class="modal-header" style="background-color:#F0F0F0">
                          <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 ('Trivial/forms/addTrivialform.html.twig',{form: addform_trivial_ajax,message:'Estás seguro?',id:"trivialModal-"~competition.id,with_submit:false}) }}
                   {{ include ('Badges/forms/reward.html.twig') }}