{# empty Twig template #}
{%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_translation_list',{id: questionTraduction.questionReference.id}) }}">Volver a Traducciones</a>
            </div>  
      <div class="fondo col-xs-12">
            <div class="col-sm-9 badge-trivial-medallas">EDITAR Traducción / IDIOMA ({{questionTraduction.questionLocale}})</div>
            <div class="trivial-edit-form col-xs-12">
                {{ form_start(form,{ 'attr' :{'role':'form','onsubmit':'return validateForm();', 'class':'enable-form'} }) }}
                <div class="form-group col-xs-12 row competition-add-label edit-questions">
                	<div class="col-xs-4">Enunciado(ES):</div><div class="col-xs-8" style="text-align:left;margin-bottom: 10px">{{questionTraduction.questionReference.questionTraductions[0].statement}}</div>
                        {{ form_label(form.statement, "Enunciado", {'label_attr': {'class': 'col-xs-12 col-sm-4'}}) }}
                        <div class="col-xs-12 col-sm-8">
                          {{ form_widget(form.statement, { 'attr' : {'class': 'form-control', 'placeholder' : 'Enunciado'} }) }}
                          <span class="text-danger">{{ form_errors(form.statement) }}</span>
                        </div>
                </div>                         
                <div class="form-group col-xs-12 row competition-add-label edit-questions">
                	<div class="col-xs-4">Feedback(ES):</div><div class="col-xs-8" style="text-align:left;margin-bottom: 10px"> {% if questionTraduction.questionReference.questionTraductions[0].feedback == '' %}NULL{% else %}{{questionTraduction.questionReference.questionTraductions[0].feedback}}{% endif %}</div>
                  {{ form_label(form.feedback, "Feedback", {'label_attr': {'class': 'col-xs-12 col-sm-4'}}) }}
                  <div class="col-xs-12 col-sm-8">
                    {{ form_widget(form.feedback, { 'attr' : {'class': 'form-control', 'placeholder' : 'Enunciado'} }) }}
                    <span class="text-danger">{{ form_errors(form.feedback) }}</span>
                  </div>
                </div>
                {% for ans in questionTraduction.questionReference.answers %}
                  <div class="form-group col-xs-12 row competition-add-label"  style="margin-bottom: 20px">
                    <div class="col-xs-4">Respuesta {{loop.index}}(ES):</div><div class="col-xs-8" style="text-align:left;margin-bottom: 10px">{{ans.answerTraductions[0].answerText}}</div>
                    <div class="col-xs-4">Correcta: </div><div class="col-xs-8" style="text-align:left;margin-bottom: 10px">{% if ans.answerValid %}SÍ{% else %}NO{% endif %}</div>
                    <label class="col-xs-4" for="respuesta-{{loop.index}}">Respuesta: {{loop.index}}</label> 
                    <div class="col-xs-8 no-padd">
                      <input id="respuesta-{{loop.index}}" name="respuesta_{{loop.index}}" class="form-control" placeholder="Respuesta 1" value="{{respuestas[loop.index0]}}">
                      <span class="text-danger"></span>
                    </div>
                  </div>
                {% endfor %} 
              {# {{ form_widget(form.save,{ 'label' : 'Create Answer', 'attr': { 'class': 'btn btn-success hidden' }}) }} #}
              </div>
               <div class="col-xs-12 trivial-edit-buttons">
                <a href="{{ path('question_translation_list',{id: questionTraduction.questionReference.id})}}"><div class="col-md-2 col-md-offset-4 btn trivial-edit-cancelar">Cancelar</div></a>              
                {{ form_widget(form.save,{ 'label' : 'Guardar y volver', 'attr': { 'class': 'btn trivial-edit-update col-md-2 col-md-offset-1 gametool-btn-disabled btn-disabled', 'disabled':'true' }}) }} 
                </div>     
                  
                {{ form_end(form) }}           
    
  </div>
</div>
  {% endblock %}
  {% block javascripts %}
  {{parent()}}
{% endblock %}