{% extends 'layout.html.twig' %}
{% block stylesheets %}
  {{parent()}}
  <link href="{{ asset('css/competition.css') }}" media="screen" rel="stylesheet" type="text/css">
  <link href="{{ asset('css/trivial.css') }}" media="screen" rel="stylesheet" type="text/css">
  <link href="{{ asset('css/answer.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('question_list',{id: question.category.id}) }}">Volver a Preguntas</a>
               {% elseif app.user.role == 'ROLE_TUTOR'%}
                <a class="competition-return-text"  href="{{ path('question_list',{id: question.category.id}) }}">Volver a Preguntas</a>
                 {% endif %}
            </div>  
      <div class="fondo col-xs-12">
            <div class="record-trivial-name col-xs-12">
              {{trivial.name}}
            </div>
            <div class="col-sm-3 record-trivial-img"><img class="trivial_img" src="{{ asset('images/trivials/'~trivial.image) }}"></div>
            <div class="col-sm-9 badge-trivial-medallas">PREGUNTAS {{question.category.name|upper}}</div>
            <div class="table-responsive trivial-edit-form col-xs-12">
            <div class="col-xs-12 statement">{{question.statement}}</div>
                <table class="table gametool-table">                        
                    <thead>
                      <tr>
                          <th class="answer-statement">RESPUESTA</th>
                          <th>CORRECTA</th>
                      </tr>
                    </thead>
                    <tbody>
                     {% for answer in pagination %}
                        <tr  data-id="{{answer.id}}">
                          <td class="answer-statement">{{answer.answerText }}</td>
                          <td>{% if answer.answerValid == 0 %}
                                  NO
                              {% else %}
                                  SÍ
                              {% endif %}
                          </td>
                        </tr>   
                      {% endfor %}
                  </tbody>
              </table>
                {% if pagination.getTotalItemCount() < 3 %}
                      <a class="btn btn-primary btn-add " data-toggle="modal" data-target="#myModal" href="#">Add</a>
                {% endif %}
                {#display navigation#}
               
                <div class="navigation">
                    {{ knp_pagination_render(pagination)}}
                </div>
           </div>
           </div>
           </div>
           {{ include ('Clientes/forms/form.html.twig',{form: deleteform_ajax,message:'Estás seguro?',id:"form-delete",with_submit:false}) }}
           {{ include ('Trivial/forms/addAnswerform.html.twig',{form: addform_ajax,message:'Estás seguro?',id:"form-add",with_submit:false}) }}
       {% endblock %}