{% 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.area..id}) }}">{% trans %}Go to questions{% endtrans %}</a>
               {% elseif app.user.role == 'ROLE_TUTOR'%}
                <a class="competition-return-text"  href="{{ path('question_list',{id: question.area.id}) }}">{% trans %}Go to questions{% endtrans %}</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">{% trans %}QUESTIONS{% endtrans %} {{question.area.category.name|upper}}</div>
            <div class="table-responsive trivial-edit-form col-xs-12">
            <div class="col-xs-12 statement">{{question.questionTraductions[0].statement}}</div>
                <table class="table gametool-table">                        
                    <thead>
                      <tr>
                          <th class="answer-statement">{% trans %}ANSWER{% endtrans %}</th>
                          <th>{% trans %}CORRECT{% endtrans %}</th>
                      </tr>
                    </thead>
                    <tbody>
                     {% for answer in pagination %}
                        <tr  data-id="{{answer.id}}">
                          <td class="answer-statement">{{answer.answerTraductions[0].answerText }}</td>
                          <td>{% if answer.answerValid == 0 %}
                                  NO
                              {% else %}
                                  SÍ
                              {% endif %}
                          </td>
                        </tr>   
                      {% endfor %}
                  </tbody>
              </table>
                {#display navigation#}
               
                <div class="navigation">
                    {{ knp_pagination_render(pagination)}}
                </div>
           </div>
           </div>
           </div>
       {% endblock %}