{%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('trivial_badge_list', {id: trivial.id}) }}">Volver a Medallas</a>
               {% elseif app.user.role == 'ROLE_TUTOR'%}
                <a class="competition-return-text"  href="{{ path('trivial_badge_list', {id: trivial.id}) }}">Volver a Medallas</a>
                 {% endif %}

            </div>
     
     <div class="fondo col-md-12 competition">
            <div class="record-trivial-name col-md-12">
              {{trivial.name}}
            </div>
            <div class="col-md-3 record-trivial-img"><img class="trivial_img" src="{{ asset('images/trivials/'~trivial.image) }}"></div>
            <div class="col-md-6 badge-trivial-medallas">MEDALLAS</div>
            <!--<div class="col-md-12" >
                <form method="get" action="" class="form-inline" role="search">
                    <div class="form-group " style="text-align:left">
                        <input type="text" name="query" value="{{app.request.get('query')}}" class="form-control left" placeholder="Buscar Medalla" required />
                        <input type="submit" value="Buscar" class="btn btn-default"/>
                    </div>                                                       
                </form>
              </div>-->
              <div class="table-responsive trivial-edit-form col-md-12">
                        {% if not pagination|length %}
                            <h2>No se han encontrado resultados</h2>
                        {% else %}

                <table class="table gametool-table">
                    <thead>
                        <tr>
                            
                          
                            <th>ACTIVA</th>
                            <th>IMAGEN</th>
                            <th class="trivial-badge-table-left">NOMBRE</th>
                            <th class="trivial-badge-table-left">DESCRIPCIÓN</th>
                            <th class="trivial-badge-table-left">REGLA</th>
                        </tr>
                    </thead>
                    <tbody>
                              {% for trivialBadge in pagination %}
                                  
                                  <!-- {% if trivialBadge.isActive == 0 %}
                                  <tr data-id="{{trivialBadge.id}}" >
                                      {% else %}
                               
                                  <tr data-id="{{trivialBadge.id}}" class="greenChecked">
                                      {% endif %}-->
                                  <tr data-id="{{trivialBadge.id}}" class="trivial-badge-tr enable-form">                            
                                    <td>
                                      <label class="col-md-3 trivial-question-add-checkbox-container">                                      
                                        {% if trivialBadge.isActive == 0 %}
                                              <input class="cb" type="checkbox">
                                        {% else %}
                                              <input class="cb" type="checkbox" checked>
                                        {% endif %}
                                      <span id="trivial-badge" class="checkmark"></span>
                                    </label>
                                    </td>                                          
                                  <td>
                                      <span> <img class="badges" src="{{ asset('images/badges/'~trivialBadge.badges.imageName~'') }}" /></span>
                                </td>                                
                                <td class="trivial-badge-table-left">{{trivialBadge.badges.name}}</td>                          
                                <td class="trivial-badge-table-left">{{trivialBadge.badges.description}}</td>
                                 <td class="trivial-badge-table-left">{{trivialBadge.badges.rules.concatToString}}</td>
                               </tr>
                            
                              {% endfor %}
                </tbody>
              </table>
                 {% endif %}
              
                {#display navigation#}
                <div class="navigation">
                    {{ knp_pagination_render(pagination)}}
                </div> 
     </div>
     <div class="col-md-12 trivial-edit-buttons">
{#               <a href="{{ path('trivial_badge_list', {id: trivial.id}) }}"><div class="col-md-2 col-md-offset-3 btn trivial-edit-cancelar">Cancelar</div></a>  #}
              <a href="{{ path('trivial_badge_list', {id: trivial.id}) }}"><div class="btn trivial-edit-update trvial-save-badge gametool-btn-disabled btn-disabled" disabled>Guardar y volver</div></a>                  
           </div>   
     </div>
   </div>
                
          {{ include ('Clientes/forms/form.html.twig',{form: updateform_ajax,message:'Are you sure?',id:"form-update",with_submit:false}) }}

 {% endblock %}