{% 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">
{% 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>
            <a class="competition-return-text" href="{{ path('question_list',{id: questionTraductions[0].questionReference.area.id}) }}">Volver a Preguntas</a>
         </div>  
      <div class="fondo col-xs-12">
      	<div class="table-responsive trivial-edit-form col-xs-12" style="border-bottom: none;">
	      	<table class="table gametool-table">
	      		<tr>
		      		<th style="text-align:center">ID</th>
		      		<th style="text-align:center">ENUNCIADO</th>
		      		<th style="text-align:center">IDIOMA</th>
		      		<th style="text-align:center">ACCIONES</th>
		      	</tr>
		      	{% for qt in questionTraductions %}
		      		<tr>
		      			<td>{{qt.id}}</td>
		      			<td>{{qt.statement}}</td>
		      			<td>{{qt.questionLocale}}</td>
		      			<td>
		      				{% if loop.index > 1 %}
		      					<a class="btn" title="Editar traducción" href="{{ path('question_translation_edit', {id: qt.id}) }}"><img src="{{asset('img/edit-competition.png')}}"></a>
                    <a class="btn" title="Eliminar traducción" href="{{ path('question_translation_delete', {id: qt.id}) }}"><img src="{{asset('img/delete-competition.png')}}"></a>
		      				{% endif %}
		      			</td>
		      		</tr>
		      	{% endfor %}
		    </table>
		</div>
        <div class="col-xs-12">
          {% if date(questionTraductions[0].questionReference.area.category.game.competition.beginAt) > date() or app.user.role == "ROLE_ADMIN" %}  
          {# <a class="btn trivial-cateogorias-add btn-add" data-toggle="modal" data-target="#questionModal" href="#">Añadir pregunta</a> #}
          <a class="btn trivial-cateogorias-add btn-add col-md-2 col-md-offset-4" data-toggle="modal" data-target="#translationModal" href="#">Añadir traducción</a>                   
          <a class="btn trivial-question-multiadd col-md-2" data-toggle="modal" data-target="#questionModalMultiAdd" href="#">Subida Masiva</a>
          {% else %}
            <a title="No se pueden añadir traducción porque la campaña ya ha iniciado" data-toggle="tooltip" class="btn gametool-btn-disabled trivial-cateogorias-add btn-add col-md-2 col-md-offset-4" href="#">Añadir pregunta trivial</a>
          <a title="No se pueden añadir traducción porque la campaña ya ha iniciado" data-toggle="tooltip" class="btn gametool-btn-disabled trivial-question-multiadd col-md-2" href="#">Subida Masiva</a>
          {% endif %}                
      </div>
      </div>
    </div>
    {{ include('Translation/Form/addTranslationForm.html.twig', {form: addForm, questionES: questionTraductions[0], addAnswerForm: addAnswerForm}) }}

{% endblock %}