{# 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_list',{id: area.id}) }}">Volver a Preguntas</a>
            </div>  
      <div class="fondo col-xs-12">
            <div class="record-trivial-name col-xs-12">
              {{trinder.name}}
            </div>
            <div class="col-sm-3 record-trivial-img"><img class="trivial_img" src="{{ asset('images/trivials/'~trinder.image) }}"></div>
            <div class="col-sm-9 badge-trivial-medallas">EDITAR PREGUNTAS</div>
            <div class="trivial-edit-form col-xs-12">
                {{ form_start(form,{ 'attr' :{'role':'form', 'novalidate':'novalidate','onsubmit':'return validateForm();', 'class':'enable-form'} }) }}
            <fieldset>                              
                <div class="form-group col-xs-12 row competition-add-label edit-questions">
                        {{ 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>
            </fieldset>
                 
                  
                           {% for answer in form.answers %}
                  <div class="form-group col-xs-12 row competition-add-label edit-questions">                     
                    <div class="col-xs-12 col-sm-4"><label>Respuesta:</label></div> 
                    <div class="col-xs-12 col-sm-8">
                    {{ form_widget(answer.answerText, { 'attr' : {'class': 'form-control', 'placeholder' : 'Respuesta'} }) }}
                    <span class="text-danger">{{ form_errors(answer.answerText) }}</span>
                    <div class="col-xs-12 trivial-question-add-checkbox-text" >            
                        <label class="trivial-question-add-checkbox-container">Correcta
                            {{ form_widget(answer.answerValid,  {'attr':{'class': 'checkbox-answer'}}) }}
                            <span class="checkmark"></span>
                          </label>
                        <span class="text-danger">{{ form_errors(answer.answerValid) }}</span>
                    </div> 
                  </div>
                 </div>                   
                  {{ form_widget(answer.save,{ 'label' : 'Create Answer', 'attr': { 'class': 'btn btn-success hidden' }}) }}
                {% endfor %}
              <div id="error-message" class="col-xs-12 alert alert-danger" style="display:none"></div>
              {% if question.type == "TINDER"%}
              <div class="form-group col-xs-12 row competition-add-label edit-questions">
                  {{ form_label(form.imageFile, "Imágen", {'label_attr': {'class': 'col-xs-12 col-sm-4'}}) }}
                  <div class="col-xs-12 col-sm-8">
                    {{ form_widget(form.imageFile, { 'attr' : {'class': 'form-control', 'placeholder' : 'Enunciado'} }) }}
                    <span class="text-danger">{{ form_errors(form.imageFile) }}</span>
                  </div>
                </div> 

                <div class="form-group col-xs-12 row competition-add-label edit-questions">
                  {{ 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> 


              {% endif %}    
              </div>
               <div class="col-xs-12 trivial-edit-buttons">
                <a href="{{ path('question_list',{id: area.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()}}
  <script src="{{ asset('js/validateQuestion.js') }}" ></script>
{% endblock %}